@media only screen and (max-width: 1600px) {
  .full_width .projects_holder.hover_text.v2 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v3 article .image_holder.standard_hover .icons_holder {
    bottom: 70px;
    left: 80px;
  }

  .full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder {
    bottom: 50px;
    left: 60px;
  }

  .full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
    bottom: 20px;
    left: 30px;
  }

  .full_width .projects_holder.v2 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v3 article .image_holder.standard_hover .text_holder {
    padding: 70px 80px 105px;
  }

  .full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder {
    padding: 50px 60px 85px;
  }

  .full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
    padding: 20px 30px 55px;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_height {
    width: 24.98%;
  }

  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width_height {
    width: 49.96%;
  }
}

@media only screen and (max-width: 1470px) {
  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 26%;
  }
}

@media only screen and (max-width: 1500px) {
  .fullscreen_search_holder .qode_search_field {
    font-size: 40px;
    line-height: 70px;
  }

  .fullscreen_search_holder .form_holder {
    width: 70%;
  }
}

@media only screen and (max-width: 1400px) {
  .qode_carousels_holder.with_space .qode_carousels.carousel_owl .slides .item {
    padding: 0 20px;
  }

  .full_width .q_masonry_blog article {
    width: 23%;
  }

  .blog_holder.masonry_full_width article {
    width: 23%;
  }

  .blog_holder.blog_chequered article {
    width: 33.33%;
  }

  .column1 .qodef-blog-holder.qodef-blog-type-chequered article {
    width: 50%;
  }

  .column1 .blog_holder.blog_chequered article:nth-child(2n) {
    border-right: 0;
  }

  .full_width .projects_holder.hover_text.v2 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v3 article .image_holder.standard_hover .icons_holder {
    bottom: 50px;
    left: 60px;
  }

  .full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder {
    bottom: 40px;
    left: 50px;
  }

  .full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
    bottom: 20px;
    left: 30px;
  }

  .full_width .projects_holder.v2 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v3 article .image_holder.standard_hover .text_holder {
    padding: 50px 60px 85px;
  }

  .full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder {
    padding: 40px 50px 75px;
  }

  .full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
    padding: 20px 30px 55px;
  }

  .full_screen_navigation_holder.up_arrow {
    top: 110px;
  }

  .content.content_top_margin .full_screen_navigation_holder.up_arrow {
    top: 10px !important;
  }

  .full_screen_navigation_holder.down_arrow {
    bottom: 10px;
  }

  .fullscreen_search_holder .form_holder {
    width: 60%;
  }
}

@media only screen and (max-width: 1300px) {
  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v6.standard_no_space .filler,
  .projects_holder.v6.hover_text.no_space .mix,
  .projects_holder.v6.hover_text.no_space .filler {
    width: 19.99%;
  }

  .safari_browser .projects_holder.v6.standard_no_space .mix,
  .safari_browser .projects_holder.v6.hover_text.no_space .mix,
  .safari_browser .projects_holder.v6.standard_no_space .filler,
  .safari_browser .projects_holder.v6.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .filler {
    width: 19.93%;
  }

  .masonry_with_space .projects_holder.v6 .mix {
    width: 20%;
  }

  .touchevents footer.uncover {
    position: relative;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }

  .touchevents .content {
    margin-bottom: 0 !important;
  }

  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_height {
    width: 33.3%;
  }

  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width_height {
    width: 66.6%;
  }

  .vertical_menu_enabled .title {
    height: auto !important;
  }

  .vertical_menu_enabled .title_outer.with_image .title {
    padding: 0 !important;
  }

  .vertical_menu_enabled .title.has_fixed_background,
  .vertical_menu_enabled .title.has_background {
    background: none !important;
    height: auto !important;
    padding: 0 !important;
  }

  .vertical_menu_enabled .title_outer.animate_title_area {
    height: auto !important;
    opacity: 1 !important;
  }

  .vertical_menu_enabled .title .not_responsive {
    display: block;
  }

  .vertical_menu_enabled .title_outer.with_image .title .title_subtitle_holder,
  .vertical_menu_enabled .title .title_holder {
    padding: 0 !important;
  }

  .vertical_menu_enabled .title .title_holder {
    height: 100% !important;
  }

  .q_elements_holder.responsive_mode_from_1300.two_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1300.three_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1300.four_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1300.five_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1300.six_columns .q_elements_item {
    width: 100%;
    display: inline-block;
    height: auto;
  }

  .q_elements_holder.responsive_mode_from_1300 .q_elements_item .q_elements_item_content .images_holder {
    display: inline-block;
  }

  .q_elements_holder.alignment_one_column_left.responsive_mode_from_1300 .q_elements_item .q_elements_item_content {
    text-align: left !important;
  }

  .q_elements_holder.alignment_one_column_center.responsive_mode_from_1300 .q_elements_item .q_elements_item_content {
    text-align: center !important;
  }

  .q_elements_holder.alignment_one_column_right.responsive_mode_from_1300 .q_elements_item .q_elements_item_content {
    text-align: right !important;
  }
}

@media only screen and (max-width: 1200px) {
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner,
  body.boxed .footer_inner,
  body.boxed .fotter_top_border_holder.in_grid,
  body.boxed .fotter_bottom_border_holder.in_grid {
    width: 1000px;
  }

  body.boxed footer.uncover {
    width: 100%;
  }

  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu ul,
  .container_inner nav.content_menu,
  .fotter_top_border_holder.in_grid,
  .fotter_bottom_border_holder.in_grid,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 950px;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 30px;
    line-height: 50px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 30px;
    line-height: 62px;
  }

  .drop_down .wide .second ul li {
    width: 207px;
  }

  .drop_down .wide .second .inner > ul > li > a {
    line-height: 1.4em;
  }

  .projects_holder.v6 .mix,
  .projects_holder.v6.hover_text .mix {
    width: 18.5%;
    margin: 0 0 1.7%;
  }

  .projects_holder.v6 .filler,
  .projects_holder.v6.hover_text .filler {
    width: 18.5%;
  }

  .cover_boxes ul li,
  .cover_boxes ul li .box .thumb {
    width: 227px;
  }

  .cover_boxes ul li.act,
  .cover_boxes ul li .box {
    width: 455px;
  }

  .cover_boxes ul li .box .box_content {
    left: 247px;
    width: 207px;
  }

  body.boxed .cover_boxes ul li,
  body.boxed .cover_boxes ul li .box .thumb {
    width: 240px;
  }

  body.boxed .cover_boxes ul li.act,
  body.boxed .cover_boxes ul li .box {
    width: 480px;
  }

  body.boxed .cover_boxes ul li .box .box_content {
    left: 260px;
    width: 220px;
  }

  .flexslider .flex-next,
  .portfolio_slider .caroufredsel-next,
  .full_width .section_inner .portfolio_slider .caroufredsel-next,
  .qode_carousels .caroufredsel-direction-nav .qode_carousel_next,
  .full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {
    right: 0;
  }

  .flexslider .flex-prev,
  .portfolio_slider .caroufredsel-prev,
  .full_width .section_inner .portfolio_slider .caroufredsel-prev,
  .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev,
  .full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {
    left: 0;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 25%;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 50%;
  }

  body.page-template-blog-pinterest-full-width-php .content .full_width {
    padding: 80px 20px 25px 85px;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 38px;
  }

  .projects_holder_outer .qode-portfolio-list-split-fixed-holder {
    width: 40%;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
  .blog_holder.blog_chequered article:nth-child(3n) {
    border-right: 0;
  }
}

@media only screen and (min-width: 1042px) and (max-width: 1200px) {
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 25%;
  }

  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 50%;
  }
}

@media only screen and (max-width: 1075px) {
  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 41%;
  }
}

@media only screen and (max-width: 1060px) {
  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 41%;
  }

  body.page-template-blog-pinterest-full-width-php .content .full_width {
    padding: 70px 10px 25px 80px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
  .qode_pricing_tables.four_columns .price_in_table .price {
    font-size: 60px;
  }

  .blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
    font-size: 12px;
  }

  .full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder {
    bottom: 25px;
    left: 35px;
  }

  .full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
    bottom: 10px;
    left: 20px;
  }

  .full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder {
    padding: 25px 35px 60px;
  }

  .full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
    padding: 10px 20px 45px;
  }
}

@media only screen and (max-width: 1420px) { /* KADO */
  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened,
  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content {
    width: 100% !important;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-horizontal-holder .qodef-portfolio-info-holder > div {
    width: 100%;
    padding: 10px;
  }

  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 33.33%;
  }

  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 66.66%;
  }

  .paspartu_enabled .paspartu_top {
    padding-top: 2% !important;
  }

  .paspartu_enabled .paspartu_bottom {
    padding-bottom: 2% !important;
  }

  .paspartu_enabled .paspartu_left {
    width: 2% !important;
  }

  .paspartu_enabled .paspartu_right {
    width: 2% !important;
  }

  .paspartu_enabled .wrapper {
    padding-left: 2% !important;
    padding-right: 2% !important;
    padding-bottom: 2% !important;
  }

  .paspartu_enabled header {
    padding-top: 2% !important;
  }

  .paspartu_enabled aside.vertical_menu_area,
  .paspartu_enabled .vertical_area_background {
    left: 2% !important;
  }

  .paspartu_enabled footer.uncover {
    padding-bottom: 2% !important;
  }

  .paspartu_enabled.vertical_menu_enabled .content .content_inner {
    padding-top: 2% !important;
  }

  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 40%;
  }

  .countdown-amount {
    font-size: 50px !important;
    line-height: 50px !important;
  }

  .countdown-period {
    font-size: 15px !important;
  }

  nav.popup_menu ul li {
    margin: 10px 0;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 28px;
    line-height: 57px;
  }

  .fullscreen_search_holder .search_submit {
    line-height: 59px;
  }
}

@media only screen and (min-width: 1420px) { /* KADO */
  .light:not(.sticky):not(.scrolled) .side_menu_button > a {
    color: #fff;
  }

  .dark:not(.sticky):not(.scrolled) .side_menu_button > a {
    color: #000;
  }

  .stick_with_left_right_menu .logo_wrapper {
    overflow: hidden;
  }

  .latest_post_holder.boxes.two_columns > ul > li:nth-child(2n+1),
  .latest_post_holder.boxes.three_columns > ul > li:nth-child(3n+1),
  .latest_post_holder.boxes.four_columns > ul > li:nth-child(4n+1),
  .latest_post_holder.boxes.five_columns > ul > li:nth-child(5n+1) {
    clear: both;
  }

  .admin-bar header.sticky.sticky_animate,
  .admin-bar header.fixed {
    padding-top: 32px !important;
  }

  .admin-bar header.sticky .qode_search_form,
  .admin-bar header.fixed .qode_search_form,
  .admin-bar .side_menu {
    top: 32px;
  }
}

@media only screen and (max-width: 1440px) {
  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened {
    width: 80%;
    height: 70%;
  }
}

@media only screen and (max-width: 1420px) { /* KADO */
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner,
  body.boxed .footer_inner,
  body.boxed .fotter_top_border_holder.in_grid,
  body.boxed .fotter_bottom_border_holder.in_grid {
    width: 818px;
  }

  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu,
  .fotter_top_border_holder.in_grid,
  .fotter_bottom_border_holder.in_grid,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 768px;
  }

  .full_width .projects_holder_outer.v6,
  .full_width .projects_holder_outer.v5 {
    width: 100%;
  }

  .header_top .container {
    display: inline-block;
  }

  header,
  .header_inner_left,
  footer.uncover {
    position: relative !important;
    left: 0px !important;
    margin-bottom: 0px;
  }

  .content {
    margin-bottom: 0 !important;
  }

  .right_side_menu_opened .wrapper header {
    left: 0px !important;
  }

  header {
    top: 0px !important;
    margin-top: 0px !important;
    display: block;
  }

  .header_top_hide_on_mobile .header_top {
    display: none !important;
  }

  .header_top {
    height: auto;
    line-height: normal;
    display: block !important;
  }

  .header_top .left,
  .header_top .right {
    text-align: center;
    float: none;
  }

  .header_top .inner {
    display: inline-block;
    vertical-align: middle;
  }

  .header_bottom {
    background-color: #fff;
  }

  .header_bottom .container_inner {
    width: auto;
  }

  header .q_logo img.normal {
    display: block !important;
    opacity: 1 !important;
    position: relative;
    margin: 0 auto;
  }

  header .q_logo img.light,
  header .q_logo img.dark,
  header .q_logo img.sticky {
    display: none !important;
  }

  header .q_logo.animate_logo div.normal {
    opacity: 1 !important;
    display: block;
  }

  header .q_logo.animate_logo div.dark,
  header .q_logo.animate_logo div.sticky {
    display: none;
  }

  body.qode-mobile-logo-set header .q_logo img.normal {
    display: none !important;
  }

  body.qode-mobile-logo-set header .q_logo img.mobile-logo {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    position: relative;
    margin: 0 auto;
  }

  .header-left-from-logo-widget,
  .header-right-from-logo-widget {
    display: none;
  }

  .q_logo_hidden {
    display: none;
  }

  .main_menu {
    display: none !important;
  }

  nav.mobile_menu {
    display: block;
  }

  .mobile_menu_button {
    display: table;
  }

  nav.mobile_menu > ul {
    margin: 0px auto;
  }

  .logo_wrapper {
    display: table;
    height: 100px;
    left: 50%;
    position: absolute;
  }

  .q_logo {
    display: table-cell;
    position: relative;
    top: auto;
    vertical-align: middle;
  }

  .q_logo a {
    left: -50% !important; /* KADO */
    width: auto !important;
  }

  .q_logo img {
    top: 0px;
    left: 0px;
  }

  header .header_fixed_right_area {
    line-height: 100% !important;
    top: 80px !important;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
  }

  .header_menu_bottom {
    border-top: none;
  }

  .light .header_top .q_social_icon_holder i.simple_social,
  .light .header_top .header-widget,
  .light .header_top .header-widget.widget_nav_menu ul.menu > li > a,
  .light .header_top .header-widget p,
  .light .header_top .header-widget a,
  .light .header_top .header-widget span,
  .dark .mobile_menu_button span,
  .dark .side_menu_button > a,
  .dark .shopping_cart_header .header_cart > i {
    color: #777;
  }

  .light .header_top .q_social_icon_holder i.simple_social,
  .light .header_top #lang_sel > ul > li > a,
  .light .header_top #lang_sel_click > ul > li > a {
    color: #777 !important;
  }

  .dark .header_top .q_social_icon_holder i.simple_social,
  .dark .header_top .header-widget,
  .dark .header_top .header-widget.widget_nav_menu ul.menu > li > a,
  .dark .header_top .header-widget p,
  .dark .header_top .header-widget a,
  .dark .header_top .header-widget span,
  .dark .mobile_menu_button span,
  .dark .side_menu_button > a,
  .dark .shopping_cart_header .header_cart > i {
    color: #777;
  }

  .header_top .header-widget {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .header_top .right .inner #lang_sel,
  .header_top .left .inner #lang_sel {
    float: none;
  }

  .dark .header_top .q_social_icon_holder i.simple_social,
  .dark .header_top #lang_sel > ul > li > a,
  .dark .header_top #lang_sel_click > ul > li > a {
    color: #777 !important;
  }

  .title {
    height: auto !important;
  }

  .title_outer.with_image .title {
    padding: 0 !important;
  }

  .title.has_fixed_background,
  .title.has_background {
    background: none !important;
    height: auto !important;
    padding: 0 !important;
  }

  .title_outer.animate_title_area {
    height: auto !important;
    opacity: 1 !important;
  }

  .title .not_responsive {
    display: block;
  }

  .title_outer.with_image .title .title_subtitle_holder {
    padding: 0 !important;
  }

  .title h1 {
    font-size: 38px;
  }

  .title .title_holder {
    height: 100% !important;
    padding: 0 !important;
  }

  .title:not(.breadcrumbs_title) .title_holder {
    height: 100% !important;
    padding: 10px 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .subtitle {
    font-size: 24px;
  }

  .side_menu_button,
  .shopping_cart_inner {
    height: 100px;
  }

  header.menu_bottom.has_header_fixed_right .side_menu_button {
    height: 130px !important;
  }

  .header_top .right #lang_sel ul ul,
  .header_top .right #lang_sel_click ul ul {
    right: 0;
  }

  nav.content_menu {
    position: relative !important;
    top: 0px !important;
    margin: 0px auto;
  }

  nav.content_menu ul.menu {
    display: none;
  }

  nav.content_menu .nav_select_menu {
    display: block;
  }

  nav.content_menu .back_outer {
    display: none;
  }

  .content .container .container_inner.default_template_holder {
    padding: 44px 0 0;
  }

  .projects_holder.v6 .mix,
  .projects_holder.v5 .mix,
  .projects_holder.v4 .mix,
  .projects_holder.v6.hover_text .mix,
  .projects_holder.v5.hover_text .mix,
  .projects_holder.v4.hover_text .mix {
    width: 23%;
    margin: 0 0 3%;
  }

  .projects_holder.v6 .filler,
  .projects_holder.v5 .filler,
  .projects_holder.v4 .filler,
  .projects_holder.v6.hover_text .filler,
  .projects_holder.v5.hover_text .filler,
  .projects_holder.v4.hover_text .filler {
    width: 23%;
  }

  .projects_holder.v3 .mix,
  .projects_holder.v2 .mix {
    margin: 0 0 3%;
  }

  .projects_holder.v6.hover_text .mix,
  .projects_holder.v5.hover_text .mix,
  .projects_holder.v4.hover_text .mix,
  .projects_holder.v3.hover_text .mix,
  .projects_holder.v2.hover_text .mix {
    margin: 0 0 2.8%;
  }

  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v5.standard_no_space .mix,
  .projects_holder.v4.standard_no_space .mix,
  .projects_holder.v6.standard_no_space .filler,
  .projects_holder.v5.standard_no_space .filler,
  .projects_holder.v4.standard_no_space .filler,
  .projects_holder.v6.hover_text.no_space .mix,
  .projects_holder.v5.hover_text.no_space .mix,
  .projects_holder.v4.hover_text.no_space .mix,
  .projects_holder.v6.hover_text.no_space .filler,
  .projects_holder.v5.hover_text.no_space .filler,
  .projects_holder.v4.hover_text.no_space .filler {
    width: 24.99%;
  }

  .safari_browser .projects_holder.v6.standard_no_space .mix,
  .safari_browser .projects_holder.v6.hover_text.no_space .mix,
  .safari_browser .projects_holder.v6.standard_no_space .filler,
  .safari_browser .projects_holder.v6.hover_text.no_space .filler,
  .safari_browser .projects_holder.v5.standard_no_space .mix,
  .safari_browser .projects_holder.v5.hover_text.no_space .mix,
  .safari_browser .projects_holder.v5.standard_no_space .filler,
  .safari_browser .projects_holder.v5.hover_text.no_space .filler,
  .safari_browser .projects_holder.v4.standard_no_space .mix,
  .safari_browser .projects_holder.v4.hover_text.no_space .mix,
  .safari_browser .projects_holder.v4.standard_no_space .filler,
  .safari_browser .projects_holder.v4.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .filler {
    width: 24.93%;
  }

  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v5.standard_no_space .mix,
  .projects_holder.v4.standard_no_space .mix,
  .projects_holder.v3.standard_no_space .mix {
    margin: 0;
  }

  .masonry_with_space .projects_holder.v6 .mix,
  .masonry_with_space .projects_holder.v5 .mix,
  .masonry_with_space .projects_holder.v6 .filler,
  .masonry_with_space .projects_holder.v5 .filler {
    width: 25%;
  }

  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_height {
    width: 49.9%;
  }

  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_width_height {
    width: 100%;
  }

  .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item,
  .projects_masonry_holder:not(.projects_masonry_holder_with_columns) .portfolio_masonry_item.large_height {
    width: 49.9%;
  }

  .projects_masonry_holder .portfolio_masonry_item.large_width,
  .projects_masonry_holder .portfolio_masonry_item.large_width_height {
    width: 100%;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 33.33%;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 66.66%;
  }

  .blog_holder.masonry article,
  .q_masonry_blog article {
    width: 47%;
  }

  .blog_holder.masonry_full_width article {
    width: 30.5%;
  }

  .full_width .q_masonry_blog article {
    width: 30.5%;
  }

  .blog_holder.blog_animated article .qodef-post-content-overlay i {
    display: none;
  }

  .box_image_holder .box_icon .fa-stack {
    font-size: 3em;
  }

  .header_top .left .inner > div:last-child,
  header .q_social_icon_holder,
  .header_top .right .inner > div {
    border-right: 0;
  }

  .header_top .left .inner > div,
  .header_top .right .inner > div:first-child {
    border-left: 0;
  }

  .animated_icons_with_text.five_columns .animated_icon_with_text_holder,
  .animated_icons_with_text.four_columns .animated_icon_with_text_holder,
  .animated_icons_with_text.three_columns .animated_icon_with_text_holder {
    width: 50%;
  }

  .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before,
  .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before,
  .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before {
    border-right-width: 1px;
  }

  .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before,
  .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before,
  .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before {
    border-right-width: 0;
  }

  .cover_boxes ul {
    margin: 0 -8px 0 0;
  }

  .cover_boxes ul li {
    margin-right: 8px;
  }

  .cover_boxes ul li,
  .cover_boxes ul li .box .thumb {
    width: 187px;
  }

  .cover_boxes ul li.act,
  .cover_boxes ul li .box {
    width: 374px;
  }

  .cover_boxes ul li .box .box_content {
    left: 197px;
    width: 177px;
  }

  body.boxed .cover_boxes ul li,
  body.boxed .cover_boxes ul li .box .thumb {
    width: 199px;
  }

  body.boxed .cover_boxes ul li.act,
  body.boxed .cover_boxes ul li .box {
    width: 400px;
  }

  body.boxed .cover_boxes ul li .box .box_content {
    left: 209px;
    width: 189px;
  }

  .cover_boxes ul li .box .box_content p {
    max-height: 105px;
    overflow: hidden;
  }

  .cover_boxes ul li .box .cover_box_title {
    margin: 0 0 5px;
  }

  .cover_boxes ul li .box .qbutton,
  .cover_boxes ul li .box h5 {
    margin: 8px 0 0;
  }

  .latest_post_holder.four_columns > ul > li,
  .latest_post_holder.boxes.four_columns > ul > li {
    width: 49%;
    margin: 0 2% 25px 0 !important;
  }

  .latest_post_holder.boxes.four_columns > ul > li:nth-child(2n) {
    margin: 0 0 25px !important;
  }

  .latest_post_holder.boxes.four_columns > ul > li:nth-child(2n+1) {
    clear: both;
  }

  .q_tabs .tabs-nav li a {
    padding: 0 7px;
  }

  .price_table_inner ul li.table_title {
    padding: 18px 15px 17px;
  }

  .price_table_inner ul li {
    padding: 11px 10px;
  }

  /*this has to have body so it can override styles from style_dynamic*/

  body .content,
  body .content.content_top_margin {
    margin-top: 0 !important;
  }

  .q_counter_holder.center {
    padding: 20px 30px;
  }

  .wpb_flexslider.flexslider.have_frame {
    width: 566px;
  }

  .frame_holder > .wpb_wrapper {
    padding: 30px 0 66px 0;
  }

  .frame_holder.frame_holder2 > .wpb_wrapper {
    padding: 42px 0 66px 0;
  }

  .qode_pricing_tables.four_columns .q_price_table {
    width: 48.75%;
    margin-bottom: 45px;
  }

  .qode_pricing_tables.four_columns .q_price_table:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }

  .gallery_holder ul.v5 li,
  .wpb_gallery_slides .gallery_holder ul.v5 li {
    width: 25%;
  }

  .google_map_ovrlay {
    display: block;
  }

  .full_width .projects_holder.hover_text.v2 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v3 article .image_holder.standard_hover .icons_holder {
    bottom: 30px;
    left: 40px;
  }

  .full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
    bottom: 15px;
    left: 25px;
  }

  .full_width .projects_holder.v2 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v3 article .image_holder.standard_hover .text_holder {
    padding: 30px 40px 65px;
  }

  .full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
    padding: 15px 25px 50px;
  }

  .full_screen_navigation_holder.up_arrow {
    top: 0 !important;
  }

  .full_screen_navigation_holder.down_arrow {
    bottom: 0 !important;
  }

  .content.content_top_margin .fp-controlArrow {
    margin-top: -28px;
  }

  .q_contact_page.map_lr .contact_detail {
    width: 100%;
    margin-right: 0;
  }

  .q_contact_page.map_lr .google_map_holder {
    width: 100%;
    margin: 0 0 80px;
  }

  .q_elements_holder.responsive_mode_from_1000.two_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1000.three_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1000.four_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1000.five_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_1000.six_columns .q_elements_item {
    width: 100%;
    display: inline-block;
    height: auto;
  }

  .q_elements_holder.responsive_mode_from_1000 .q_elements_item .q_elements_item_content .images_holder {
    display: inline-block;
  }

  .q_elements_holder.alignment_one_column_left.responsive_mode_from_1000 .q_elements_item .q_elements_item_content {
    text-align: left !important;
  }

  .q_elements_holder.alignment_one_column_center.responsive_mode_from_1000 .q_elements_item .q_elements_item_content {
    text-align: center !important;
  }

  .q_elements_holder.alignment_one_column_right.responsive_mode_from_1000 .q_elements_item .q_elements_item_content {
    text-align: right !important;
  }

  .portfolio_single .portfolio_masonry_gallery .mix,
  .portfolio_single .portfolio_masonry_gallery .mix.large {
    width: 33.33%;
  }

  .portfolio_single .portfolio_masonry_gallery .mix.huge {
    width: 66.66%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .portfolio_gallery a.v4 {
    width: 32%;
    margin: 0 2% 2% 0 !important;
  }

  .portfolio_gallery a.v4:nth-child(3n) {
    margin: 0px 0px 2% 0px !important;
  }

  .widget.widget_search form input[type="text"] {
    width: 67%;
  }

  .q_percentage,
  .q_percentage_with_icon {
    width: 150px !important;
    height: 150px !important;
    line-height: 150px !important;
  }

  .q_percentage canvas,
  .q_percentage_with_icon canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .filter_holder ul li span {
    padding: 0 20px;
  }

  .portfolio_single.big-slider .portfolio_container,
  .portfolio_single.big-images .portfolio_container,
  .portfolio_single.gallery .portfolio_container {
    padding: 36px 35px;
  }

  .blog_holder.blog_chequered article {
    width: 50%;
  }

  .blog_holder.blog_chequered article:nth-child(2n) {
    border-right: 0;
  }

  .two_columns_75_25 .blog_holder.blog_chequered article,
  .two_columns_66_33 .blog_holder.blog_chequered article,
  .two_columns_33_66 .blog_holder.blog_chequered article,
  .two_columns_25_75 .blog_holder.blog_chequered article {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1420px) { /* KADO */
  .grid2 .blog_holder.masonry .blog_share {
    margin-left: 0;
  }

  .grid2.two_columns_66_33 .blog_holder.blog_single article .post_comments {
    margin-left: 0;
  }

  .grid2.two_columns_66_33 .blog_holder.blog_single article .post_description .post_description_left,
  .grid2.two_columns_66_33 .blog_holder.blog_single article .post_description .post_description_right {
    float: none;
  }

  .q_image_with_text_over .front_holder,
  .q_image_with_text_over .back_holder {
    padding: 25px 20px 16px;
  }

  .projects_holder article .icons_holder a,
  .projects_holder.hover_text article .icons_holder a,
  .portfolio_slides .icons_holder a {
    margin: 0 10px 0 0;
  }

  .projects_holder article .icons_holder a:last-child {
    margin: 0;
  }

  .projects_holder.hover_text article .icons_holder,
  .projects_holder.hover_text.v3 article .icons_holder {
    bottom: 20px;
    left: 20px;
  }

  .projects_holder.hover_text.v2 article .icons_holder,
  .portfolio_slides .icons_holder {
    bottom: 30px;
    left: 30px;
  }

  .projects_holder article .image_holder .text_holder,
  .projects_holder.v3 article .image_holder .text_holder {
    padding: 15px 20px 50px;
  }

  .projects_holder article .image_holder.elegant_hover .text_holder,
  .projects_holder.v3 article .image_holder.elegant_hover .text_holder {
    padding: 15px 20px;
  }

  .projects_holder.v2 article .image_holder .text_holder,
  .portfolio_slides .image_holder .text_holder {
    padding: 25px 30px 60px;
  }

  .projects_holder.v2 article .image_holder.elegant_hover .text_holder {
    padding: 25px 30px;
  }

  .q_team_social .q_social_icon_holder {
    margin: 0 5px 5px !important;
  }

  .q_team .q_team_social_holder .fa-stack {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .q_team .q_social_icon_holder.normal_social .simple_social,
  .q_team .q_social_icon_holder.normal_social.with_link .simple_social {
    font-size: 22px;
    line-height: 30px;
  }

  .q_team .q_team_social_holder .social_icon {
    font-size: 16px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 900px) {
  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v5.standard_no_space .mix,
  .projects_holder.v4.standard_no_space .mix,
  .projects_holder.v6.standard_no_space .filler,
  .projects_holder.v5.standard_no_space .filler,
  .projects_holder.v4.standard_no_space .filler,
  .projects_holder.v6.hover_text.no_space .mix,
  .projects_holder.v5.hover_text.no_space .mix,
  .projects_holder.v4.hover_text.no_space .mix,
  .projects_holder.v6.hover_text.no_space .filler,
  .projects_holder.v5.hover_text.no_space .filler,
  .projects_holder.v4.hover_text.no_space .filler {
    width: 33.32%;
  }

  .safari_browser .projects_holder.v6.standard_no_space .mix,
  .safari_browser .projects_holder.v6.hover_text.no_space .mix,
  .safari_browser .projects_holder.v6.standard_no_space .filler,
  .safari_browser .projects_holder.v6.hover_text.no_space .filler,
  .safari_browser .projects_holder.v5.standard_no_space .mix,
  .safari_browser .projects_holder.v5.hover_text.no_space .mix,
  .safari_browser .projects_holder.v5.standard_no_space .filler,
  .safari_browser .projects_holder.v5.hover_text.no_space .filler,
  .safari_browser .projects_holder.v4.standard_no_space .mix,
  .safari_browser .projects_holder.v4.hover_text.no_space .mix,
  .safari_browser .projects_holder.v4.standard_no_space .filler,
  .safari_browser .projects_holder.v4.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .filler {
    width: 33.3%;
  }
}

@media only screen and (max-width: 783px) {
  .full_width .q_masonry_blog article {
    width: 46.5%;
  }

  .blog_holder.masonry_full_width article {
    width: 46.5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .q_progress_bars_vertical .progress_title {
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 768px) {
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner,
  body.boxed .footer_inner,
  body.boxed .fotter_top_border_holder.in_grid,
  body.boxed .fotter_bottom_border_holder.in_grid {
    width: 650px;
  }

  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu,
  .fotter_top_border_holder.in_grid,
  .fotter_bottom_border_holder.in_grid,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 600px;
  }

  .projects_holder.v6 .mix,
  .projects_holder.v5 .mix,
  .projects_holder.v4 .mix,
  .projects_holder.v3 .mix,
  .projects_holder.v2 .mix,
  .projects_holder.v6.hover_text .mix,
  .projects_holder.v5.hover_text .mix,
  .projects_holder.v4.hover_text .mix,
  .projects_holder.v3.hover_text .mix,
  .projects_holder.v2.hover_text .mix {
    width: 48.3%;
    margin: 0 0 3.6%;
  }

  .projects_holder.v6 .filler,
  .projects_holder.v5 .filler,
  .projects_holder.v4 .filler,
  .projects_holder.v3 .filler,
  .projects_holder.v2 .filler,
  .projects_holder.v6.hover_text .filler,
  .projects_holder.v5.hover_text .filler,
  .projects_holder.v4.hover_text .filler,
  .projects_holder.v3.hover_text .filler,
  .projects_holder.v2.hover_text .filler {
    width: 48.3%;
  }

  .projects_holder.v6.hover_text .mix,
  .projects_holder.v5.hover_text .mix,
  .projects_holder.v4.hover_text .mix,
  .projects_holder.v3.hover_text .mix,
  .projects_holder.v2.hover_text .mix {
    margin: 0 0 3.4%;
  }

  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v5.standard_no_space .mix,
  .projects_holder.v4.standard_no_space .mix,
  .projects_holder.v3.standard_no_space .mix,
  .projects_holder.v2.standard_no_space .mix,
  .projects_holder.v6.standard_no_space .filler,
  .projects_holder.v5.standard_no_space .filler,
  .projects_holder.v4.standard_no_space .filler,
  .projects_holder.v3.standard_no_space .filler,
  .projects_holder.v2.standard_no_space .filler,
  .projects_holder.v6.hover_text.no_space .mix,
  .projects_holder.v5.hover_text.no_space .mix,
  .projects_holder.v4.hover_text.no_space .mix,
  .projects_holder.v3.hover_text.no_space .mix,
  .projects_holder.v2.hover_text.no_space .mix,
  .projects_holder.v6.hover_text.no_space .filler,
  .projects_holder.v5.hover_text.no_space .filler,
  .projects_holder.v4.hover_text.no_space .filler,
  .projects_holder.v3.hover_text.no_space .filler,
  .projects_holder.v2.hover_text.no_space .filler {
    width: 49.99%;
  }

  .safari_browser .projects_holder.v6.standard_no_space .mix,
  .safari_browser .projects_holder.v6.hover_text.no_space .mix,
  .safari_browser .projects_holder.v6.standard_no_space .filler,
  .safari_browser .projects_holder.v6.hover_text.no_space .filler,
  .safari_browser .projects_holder.v5.standard_no_space .mix,
  .safari_browser .projects_holder.v5.hover_text.no_space .mix,
  .safari_browser .projects_holder.v5.standard_no_space .filler,
  .safari_browser .projects_holder.v5.hover_text.no_space .filler,
  .safari_browser .projects_holder.v4.standard_no_space .mix,
  .safari_browser .projects_holder.v4.hover_text.no_space .mix,
  .safari_browser .projects_holder.v4.standard_no_space .filler,
  .safari_browser .projects_holder.v4.hover_text.no_space .filler,
  .safari_browser .projects_holder.v3.standard_no_space .mix,
  .safari_browser .projects_holder.v3.hover_text.no_space .mix,
  .safari_browser .projects_holder.v3.standard_no_space .filler,
  .safari_browser .projects_holder.v3.hover_text.no_space .filler,
  .safari_browser .projects_holder.v2.standard_no_space .mix,
  .safari_browser .projects_holder.v2.hover_text.no_space .mix,
  .safari_browser .projects_holder.v2.standard_no_space .filler,
  .safari_browser .projects_holder.v2.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v6.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v5.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v4.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v3.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v3.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v3.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v3.hover_text.no_space .filler,
  .firefox_mac_browser .projects_holder.v2.standard_no_space .mix,
  .firefox_mac_browser .projects_holder.v2.hover_text.no_space .mix,
  .firefox_mac_browser .projects_holder.v2.standard_no_space .filler,
  .firefox_mac_browser .projects_holder.v2.hover_text.no_space .filler {
    width: 49.92%;
  }

  .projects_holder.v6.standard_no_space .mix,
  .projects_holder.v5.standard_no_space .mix,
  .projects_holder.v4.standard_no_space .mix,
  .projects_holder.v3.standard_no_space .mix,
  .projects_holder.v2.standard_no_space .mix {
    margin: 0;
  }

  .masonry_with_space .projects_holder.v6 .mix,
  .masonry_with_space .projects_holder.v5 .mix,
  .masonry_with_space .projects_holder.v4 .mix,
  .masonry_with_space .projects_holder.v6 .filler,
  .masonry_with_space .projects_holder.v5 .filler,
  .masonry_with_space .projects_holder.v4 .filler {
    width: 33.33%;
  }

  .blog_holder.masonry article,
  .q_masonry_blog article,
  .full_width .grid_section .q_masonry_blog article,
  .blog_holder.masonry_full_width article {
    width: 46.5%;
  }

  .comment_holder .comment_number {
    display: none;
  }

  .comment_holder .comments {
    width: 100%;
  }

  .two_columns_75_25 .blog_holder.masonry article,
  .two_columns_66_33 .blog_holder.masonry article,
  .two_columns_33_66 .blog_holder.masonry article,
  .two_columns_25_75 .blog_holder.masonry article,
  .two_columns_75_25 .q_masonry_blog article,
  .two_columns_66_33 .q_masonry_blog article,
  .two_columns_33_66 .q_masonry_blog article,
  .two_columns_25_75 .q_masonry_blog article,
  .full_width .q_masonry_blog article,
  .blog_holder.masonry_full_width article,
  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 100%;
  }

  .fullscreen_search_holder .form_holder {
    width: 80%;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 26px;
    line-height: 38px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 25px;
    line-height: 50px;
  }

  body.page-template-blog-pinterest-full-width-php .content .full_width {
    padding: 0 20px;
  }

  .blog_holder.blog_chequered article .qodef-post-content-inner {
    padding: 35px 40px 62px;
  }

  .blog_holder.blog_animated article .qodef-post-image {
    display: none;
  }

  .blog_holder.blog_animated article .qodef-post-text {
    left: 0;
    padding: 30px 20px;
  }

  .blog_holder.blog_animated article:hover .qodef-post-text {
    left: 0;
  }

  div.comment_form {
    padding-top: 40px;
    border-top: 1px solid #ddd;
  }

  .title h1 {
    font-size: 30px;
  }

  .subtitle {
    font-size: 20px;
  }

  .header_bottom_right_widget_holder {
    display: none;
  }

  .q_line_graf {
    margin: 0 0 25px;
    width: 100%;
  }

  .q_pie_graf {
    width: 70%;
    margin: 0 auto 25px;
    float: none;
  }

  .q_line_graf canvas,
  .q_line_graf_legend,
  .q_pie_graf canvas,
  .q_pie_graf_legend {
    width: 100% !important;
    height: auto !important;
  }

  .q_icon_list p,
  .q_list.number.circle_number li {
    line-height: 37px;
  }

  .q_list.number.circle_number ul > li:before {
    top: 0;
  }

  .q_icon_list p {
    padding: 0 0 0 45px;
  }

  .q_icon_list i {
    line-height: 35px;
    height: 35px;
    width: 35px;
  }

  .grid2 .blog_holder article .post_description .post_description_left,
  .grid2 .post_info_left,
  .grid2 .blog_holder article .post_description .post_description_right {
    float: none;
  }

  .grid2 .blog_holder article .post_description .post_description_left,
  .grid2 .post_info_left {
    margin-top: 10px;
  }

  .grid2 .blog_holder article .post_comments {
    margin-left: 0;
  }

  .cover_boxes ul {
    width: 100% !important;
  }

  .cover_boxes ul li {
    width: 100% !important;
    margin: 0 0 20px !important;
  }

  .cover_boxes ul li,
  .cover_boxes ul li .box .thumb {
    width: 270px;
  }

  .cover_boxes ul li.act,
  .cover_boxes ul li .box {
    width: 100%;
  }

  .cover_boxes ul li .box .box_content {
    position: static;
    left: 0;
    float: right;
    width: 310px;
  }

  .cover_boxes ul li .box .box_content p {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .q_circles_holder .q_circle_outer {
    width: 50% !important;
    margin: 0 0 30px;
  }

  .q_circles_holder:before {
    display: none;
    width: 0;
    height: 0;
    border: 0;
  }

  .q_social_icon_holder .fa-stack {
    margin: 0.1407692307692308em;
  }

  .wpb_flexslider.flexslider.have_frame {
    width: 442px;
  }

  .frame_holder > .wpb_wrapper {
    padding: 24px 0 58px 0;
  }

  .frame_holder.frame_holder2 > .wpb_wrapper {
    padding: 33px 0 58px 0;
  }

  .touchevents .content {
    margin: 0 !important;
  }

  nav.popup_menu ul li a,
  nav.popup_menu ul li h6 {
    line-height: 40px;
    font-size: 30px;
  }

  nav.popup_menu ul li a span,
  nav.popup_menu ul li h6 span {
    font-size: 0.7em;
  }

  .qode_carousels_holder .caroufredsel-direction-nav {
    display: none;
  }

  .q_circles_holder.with_lines:before {
    display: none;
  }

  .q_tabs .tabs-nav li a {
    padding: 0 4px;
    font-size: 12px;
  }

  .filter_holder ul li span {
    padding: 0 15px;
  }

  .portfolio_single h2.portfolio_single_text_title {
    line-height: 1em;
  }

  .portfolio_single h2.portfolio_single_text_title span {
    font-size: 68%;
  }

  .portfolio_single.big-slider .portfolio_container,
  .portfolio_single.big-images .portfolio_container,
  .portfolio_single.gallery .portfolio_container {
    padding: 26px 30px;
  }

  .vc_text_separator.full .separator_wrapper {
    padding: 0 25px;
  }

  .vc_text_separator.full .separator_content {
    padding: 15px 50px;
  }

  .full_width .projects_holder.hover_text.v2 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v3 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
    bottom: 25px;
    left: 35px;
  }

  .full_width .projects_holder.v2 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v3 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
  .full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder,
  .full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
    padding: 30px 35px 60px;
  }

  .blog_holder article h2 a,
  .blog_holder article h2 span,
  .blog_holder.masonry article h4 a,
  .blog_holder.masonry_full_width article h4 a {
    font-size: 0.85em;
  }

  body.page-template-blog-masonry-full-width-php .content .full_width {
    padding: 44px 45px 25px;
  }

  .blog_holder article .post_info {
    margin: 0 0 20px;
  }

  .content .full_width h2,
  .content .container_inner.default_template_holder h2 {
    font-size: 30px;
  }

  .latest_post_image {
    width: 80px;
  }

  .latest_post_holder.image_in_box .latest_post_text {
    padding: 0 0 0 95px;
  }

  .latest_post_holder.image_in_box h4.latest_post_title {
    font-size: 14px;
  }

  .latest_post_holder .post_info_section {
    padding: 0 5px;
  }

  .latest_post_holder .post_info_section:first-child {
    padding: 0 5px 0 0;
  }

  .latest_post_holder .post_info_section:before {
    left: -5px;
  }

  .latest_post_holder.boxes.five_columns > ul > li {
    width: 100%;
    margin: 0;
  }

  .animated_icons_with_text .animated_icon_with_text_holder {
    width: 100% !important;
  }

  .animated_icons_with_text .animated_icon_with_text_inner:before {
    border-right-width: 0 !important;
  }

  .custom_font_holder {
    line-height: 1.3em !important;
  }

  .custom_font_holder > span {
    font-size: 0.8em;
    line-height: 1em;
  }

  .q_elements_holder.responsive_mode_from_768.two_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_768.three_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_768.four_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_768.five_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_768.six_columns .q_elements_item {
    width: 100%;
    display: inline-block;
    height: auto;
  }

  .q_elements_holder.responsive_mode_from_768 .q_elements_item .q_elements_item_content .images_holder {
    display: inline-block;
  }

  .q_elements_holder.alignment_one_column_left.responsive_mode_from_768 .q_elements_item .q_elements_item_content {
    text-align: left !important;
  }

  .q_elements_holder.alignment_one_column_center.responsive_mode_from_768 .q_elements_item .q_elements_item_content {
    text-align: center !important;
  }

  .q_elements_holder.alignment_one_column_right.responsive_mode_from_768 .q_elements_item .q_elements_item_content {
    text-align: right !important;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 50%;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 100%;
  }

  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
    width: 50%;
  }

  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
    width: 100%;
  }

  .qode_shop_category_showcase .qode_category_showcase_product_title {
    margin-bottom: 36px;
  }

  .testimonial_content_grouped_item {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }

  .title.with_title_text_bg_color h1 {
    padding: 17px 32px;
    line-height: 1.1em;
  }

  .side_area_over_content .side_menu {
    width: 50%;
  }

  .fullscreen_search_holder .form_holder {
    width: 70%;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 20px;
    line-height: 47px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 22px;
    line-height: 49px;
  }

  .projects_holder_outer.qode-filter-position-left .filter_outer {
    width: 100%;
    padding: 20px 30px;
  }

  .projects_holder_outer.qode-filter-position-left .projects_holder {
    width: 100%;
  }

  .projects_holder_outer.qode-filter-position-left .filter_holder {
    text-align: center;
  }

  .projects_holder_outer.qode-filter-position-left .filter_outer ul li,
  .projects_holder_outer.qode-filter-position-left .filter_outer ul li.filter_title {
    text-align: center;
    padding: 7px 10px;
    display: inline-block;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item {
    margin: 0 0 120px;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner {
    display: block;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description {
    opacity: 1;
    visibility: visible;
    width: 100%;
    margin: 0 0 124px;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description.text_align_left,
  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description.text_align_right {
    text-align: center;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description .portfolio_title {
    margin: 0 0 35px;
  }

  .projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .image_holder {
    width: 100%;
  }

  .projects_holder_outer .qode-portfolio-list-split-fixed-holder {
    display: none;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .portfolio_gallery a.v3,
  .portfolio_gallery a.v4 {
    width: 49% !important;
    margin: 0 2% 2% 0 !important;
  }

  .portfolio_gallery a.v3:nth-child(2n),
  .portfolio_gallery a.v4:nth-child(2n) {
    margin: 0px 0px 2% 0px !important;
  }

  .gallery_holder ul.v4 li {
    width: 50% !important;
  }

  .gallery_holder ul.v5 li,
  .gallery_holder ul.v3 li {
    width: 33.33333% !important;
  }

  .blog_holder article .post_info .inner {
    padding: 0 10px 0 0;
  }

  .widget.widget_search form input[type="text"] {
    width: 60%;
  }

  .q_image_with_text_over.one_fourth {
    width: 49.9%;
  }

  .q_percentage canvas,
  .q_percentage_with_icon canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .q_circles_holder .q_circle_outer:nth-child(2n+1) {
    clear: both;
  }

  .blog_like {
    padding: 0 0 0 8px;
  }

  .blog_share {
    margin: 0 0 0 8px;
  }

  .blog_holder article .post_description .post_description_left {
    margin: 0 12px 0 0;
  }

  .blog_holder.masonry article .post_description .post_description_left {
    margin: 0;
  }

  .blog_holder.blog_chequered article {
    width: 50%;
  }

  .two_columns_75_25 .blog_holder.blog_chequered article,
  .two_columns_66_33 .blog_holder.blog_chequered article,
  .two_columns_33_66 .blog_holder.blog_chequered article,
  .two_columns_25_75 .blog_holder.blog_chequered article {
    width: 50%;
  }

  .blog_holder.blog_chequered article:nth-child(2n) {
    border-right: 0;
  }

  .q_counter_holder.center {
    padding: 20px 15px;
  }

  .price_in_table .price {
    font-size: 60px;
  }

  .service_table_title_holder .service_title {
    word-break: break-all;
  }

  .projects_holder article .icons_holder a,
  .projects_holder.hover_text article .icons_holder a,
  .portfolio_slides .icons_holder a {
    margin: 0 10px 0 0;
  }

  .projects_holder article .icons_holder a:last-child {
    margin: 0;
  }

  .projects_holder.hover_text article .icons_holder,
  .projects_holder.hover_text.v3 article .icons_holder,
  .projects_holder.hover_text.v2 article .icons_holder,
  .portfolio_slides .icons_holder {
    bottom: 25px;
    left: 25px;
  }

  .projects_holder article .image_holder .text_holder,
  .projects_holder.v3 article .image_holder .text_holder,
  .projects_holder.v2 article .image_holder .text_holder,
  .portfolio_slides .image_holder .text_holder {
    padding: 20px 25px 55px;
  }

  .projects_holder article .image_holder.elegant_hover .text_holder,
  .projects_holder.v3 article .image_holder.elegant_hover .text_holder,
  .projects_holder.v2 article .image_holder.elegant_hover .text_holder {
    padding: 20px 25px;
  }

  .footer_top .widget.widget_search form input[type="submit"] {
    width: 25px;
    padding: 0;
  }
}

@media only screen and (max-width: 600px) {
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner,
  body.boxed .footer_inner,
  body.boxed .fotter_top_border_holder.in_grid,
  body.boxed .fotter_bottom_border_holder.in_grid {
    width: 470px;
  }

  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  div.column1 .grid_section .section_inner,
  div.column2 .grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu,
  .fotter_top_border_holder.in_grid,
  .fotter_bottom_border_holder.in_grid,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 420px;
  }

  .projects_holder .mix,
  .projects_holder .filler,
  .masonry_with_space .projects_holder .mix,
  .masonry_with_space .projects_holder .filler,
  .full_width .projects_masonry_holder .portfolio_masonry_item,
  .full_width .projects_masonry_holder .portfolio_masonry_item.large_height,
  .full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
  .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height,
  .projects_masonry_holder .portfolio_masonry_item,
  .projects_masonry_holder .portfolio_masonry_item.large_height,
  .projects_masonry_holder .portfolio_masonry_item.large_width,
  .projects_masonry_holder .portfolio_masonry_item.large_width_height,
  .full_width .projects_holder_outer.v6 .hover_text,
  .full_width .projects_holder_outer.v5 .hover_text,
  .full_width .projects_holder_outer.v4 .hover_text,
  .full_width .projects_holder_outer.v5 .standard,
  .full_width .projects_holder_outer.v6 .standard,
  .full_width .projects_holder_outer.v4 .standard {
    width: 100% !important;
  }

  .projects_masonry_holder.masonry_extended .portfolio_masonry_item.parallax_item {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }

  .projects_holder .mix {
    margin: 0 0 5% !important;
  }

  .projects_holder.hover_text.no_space .mix,
  .projects_holder.standard_no_space .mix {
    margin: 0 !important;
  }

  .portfolio_gallery a.v2,
  .portfolio_gallery a.v3,
  .portfolio_gallery a.v4 {
    width: 100%;
    margin: 0px 0px 4% 0px !important;
  }

  .portfolio_gallery a.v3:nth-child(2n),
  .portfolio_gallery a.v4:nth-child(2n) {
    margin: 0 0 4% !important;
  }

  .portfolio_single.gallery .portfolio_container {
    margin: -4% 0 0;
  }

  .two_columns_50_50 .column1,
  .two_columns_50_50 .column2,
  .three_columns .column1,
  .three_columns .column2,
  .three_columns .column3,
  .two_columns_66_33 .column1,
  .two_columns_66_33 .column2,
  .two_columns_33_66 .column1,
  .two_columns_33_66 .column2,
  .two_columns_75_25 .column1,
  .two_columns_75_25 .column2,
  .two_columns_25_75 .column1,
  .two_columns_25_75 .column2,
  .four_columns .column1,
  .four_columns .column2,
  .four_columns .column3,
  .four_columns .column4 {
    width: 100%;
  }

  .two_columns_50_50 .column1 .column_inner,
  .two_columns_50_50 .column2 .column_inner,
  .three_columns .column1 .column_inner,
  .three_columns .column2 .column_inner,
  .three_columns .column3 .column_inner,
  .two_columns_66_33 .column1 .column_inner,
  .two_columns_66_33 .column2 .column_inner,
  .two_columns_33_66 .column1 .column_inner,
  .two_columns_33_66 .column2 .column_inner,
  .two_columns_75_25 .column1 .column_inner,
  .two_columns_75_25 .column2 .column_inner,
  .two_columns_25_75 .column1 .column_inner,
  .two_columns_25_75 .column2 .column_inner,
  .two_columns_66_33.grid2 .column1 .column_inner,
  .two_columns_66_33.grid2 .column2 .column_inner,
  .two_columns_33_66.grid2 .column1 .column_inner,
  .two_columns_33_66.grid2 .column2 .column_inner,
  .two_columns_75_25.grid2 .column1 .column_inner,
  .two_columns_75_25.grid2 .column2 .column_inner,
  .two_columns_25_75.grid2 .column1 .column_inner,
  .two_columns_25_75.grid2 .column2 .column_inner,
  .four_columns .column1 .column_inner,
  .four_columns .column2 .column_inner,
  .four_columns .column3 .column_inner,
  .four_columns .column4 .column_inner {
    padding: 0px;
  }

  .qode-pricing-list .qode-pricing-item-title-holder {
    display: block;
    width: 100%;
    white-space: normal;
    padding-right: 0;
  }

  .qode-pricing-list .qode-pricing-item-price-holder {
    display: block;
    width: 100%;
    white-space: normal;
    padding-right: 0;
  }

  .qode-pricing-list .pricing-list-dots {
    display: none;
  }

  .q_tabs .tabs-nav {
    display: block;
  }

  .q_tabs .tabs-nav li {
    margin: 0;
    overflow: hidden;
    position: relative;
    display: block;
    float: none;
    margin-bottom: 8px;
  }

  .q_tabs.boxed .tabs-nav li {
    margin-bottom: 0;
  }

  .q_tabs.vertical .tabs-nav {
    width: 100%;
  }

  .q_tabs.boxed .tabs-container,
  .q_tabs .tabs-container {
    padding: 10px 30px;
  }

  .q_tabs.vertical .tabs-container {
    width: 100%;
    padding: 10px 30px;
  }

  .q_tabs .tabs-nav li a {
    padding: 0 20px;
  }

  .gallery_holder ul.v5 li,
  .gallery_holder ul.v4 li,
  .gallery_holder ul.v3 li,
  .gallery_holder ul.v2 li {
    width: 50% !important;
  }

  #respond textarea {
    padding: 13px;
  }

  .comment_holder .comment-list li ul.children {
    padding: 0 0 0 30px;
  }

  .blog_holder.masonry article,
  .two_columns_75_25 .blog_holder.masonry article,
  .two_columns_66_33 .blog_holder.masonry article,
  .two_columns_33_66 .blog_holder.masonry article,
  .two_columns_25_75 .blog_holder.masonry article,
  .two_columns_75_25 .q_masonry_blog article,
  .two_columns_66_33 .q_masonry_blog article,
  .two_columns_33_66 .q_masonry_blog article,
  .two_columns_25_75 .q_masonry_blog article,
  .q_masonry_blog article {
    width: 100%;
  }

  .blog_holder.blog_chequered article {
    width: 100%;
  }

  .two_columns_75_25 .blog_holder.blog_chequered article,
  .two_columns_66_33 .blog_holder.blog_chequered article,
  .two_columns_33_66 .blog_holder.blog_chequered article,
  .two_columns_25_75 .blog_holder.blog_chequered article {
    width: 100%;
  }

  .blog_holder.blog_chequered article {
    border-right: 0;
  }

  .call_to_action_button_wrapper.right {
    text-align: center !important;
    margin-top: 15px;
  }

  .title h1,
  .title.position_center h1 {
    float: none;
    font-size: 24px;
    letter-spacing: 2px;
  }

  .subtitle {
    font-size: 16px;
  }

  .breadcrumb {
    position: relative;
  }

  .blog_holder article .post_description .post_description_left,
  .post_info_left,
  .blog_holder article .post_description .post_description_right {
    float: none;
  }

  .blog_holder article .post_description .post_description_left,
  .post_info_left {
    margin-top: 10px;
  }

  .blog_holder article .post_comments {
    margin-left: 0;
  }

  .q_elements_holder.responsive_mode_from_600.two_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_600.three_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_600.four_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_600.five_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_600.six_columns .q_elements_item {
    width: 100%;
    display: inline-block;
    height: auto;
  }

  .q_elements_holder.responsive_mode_from_600 .q_elements_item .q_elements_item_content .images_holder {
    display: inline-block;
  }

  .q_elements_holder.alignment_one_column_left.responsive_mode_from_600 .q_elements_item .q_elements_item_content {
    text-align: left !important;
  }

  .q_elements_holder.alignment_one_column_center.responsive_mode_from_600 .q_elements_item .q_elements_item_content {
    text-align: center !important;
  }

  .q_elements_holder.alignment_one_column_right.responsive_mode_from_600 .q_elements_item .q_elements_item_content {
    text-align: right !important;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 16px;
    line-height: 38px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 23px;
    line-height: 47px;
  }

  /* ==========================================================================
    Grid
    ========================================================================== */

  .vc_row-fluid [class*='vc_span'] {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .q_image_with_text_over.one_half,
  .q_image_with_text_over.one_third,
  .q_image_with_text_over.one_fourth {
    width: 100%;
  }

  .call_to_action .column2.button_wrapper {
    position: relative;
    text-align: center;
  }

  .call_to_action .column2.button_wrapper .qbutton {
    position: static;
    margin: 10px 0 0 !important;
  }

  .cover_boxes ul li,
  .cover_boxes ul li .box .thumb {
    width: 190px;
  }

  .cover_boxes ul li .box .box_content {
    width: 210px;
  }

  .latest_post_holder > ul > li {
    width: 100% !important;
    margin: 0 0 25px !important;
  }

  .q_circles_holder .q_circle_outer {
    width: 100% !important;
  }

  .footer_top .four_columns .column2 .column_inner > div,
  .footer_top .three_columns .column2 .column_inner > div,
  .footer_top .two_columns_50_50 .column2 .column_inner > div,
  .footer_top .four_columns .column3 .column_inner > div,
  .footer_top .three_columns .column3 .column_inner > div,
  .footer_top .four_columns .column4 .column_inner > div,
  footer:not(.footer_border_columns) .footer_top .four_columns .column2 .column_inner > div,
  footer:not(.footer_border_columns) .footer_top .three_columns .column2 .column_inner > div,
  footer:not(.footer_border_columns) .footer_top .two_columns_50_50 .column2 .column_inner > div {
    margin: 0;
  }

  .footer_top .four_columns .column1,
  .footer_top .four_columns .column2,
  .footer_top .four_columns .column3,
  .footer_top .three_columns .column1,
  .footer_top .three_columns .column2,
  .footer_top .two_columns_50_50 .column1 {
    margin: 0 0 25px;
  }

  footer .qode_column,
  footer.footer_border_columns .qode_column {
    border: none;
    min-height: 0 !important;
  }

  footer.footer_border_columns .qode_column .column_inner {
    padding: 0;
  }

  .wpb_flexslider.flexslider.have_frame {
    width: 307px;
  }

  .wpb_flexslider.flexslider.have_frame.frame3 {
    width: 408px;
  }

  .frame_holder.frame_holder3 .gallery_frame {
    left: 6px;
  }

  .frame_holder > .wpb_wrapper {
    padding: 18px 0 42px 0;
  }

  .frame_holder.frame_holder2 > .wpb_wrapper {
    padding: 23px 0 40px 0;
  }

  .frame_holder.frame_holder3 > .wpb_wrapper {
    padding: 15px 0 140px;
  }

  .qode_pricing_tables .q_price_table {
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 15px;
  }

  .qode_pricing_tables .q_price_table.active {
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .call_to_action .text_wrapper .call_to_action_text {
    text-align: center;
    margin-bottom: 10px;
  }

  .portfolio_single h2.portfolio_single_text_title {
    line-height: 0.9em;
  }

  .portfolio_single h2.portfolio_single_text_title span {
    font-size: 60%;
  }

  .portfolio_single.big-slider .portfolio_container,
  .portfolio_single.big-images .portfolio_container,
  .portfolio_single.gallery .portfolio_container {
    padding: 21px 25px;
  }

  .footer_bottom {
    height: auto !important;
    padding: 4% 0 !important;
  }

  .vc_text_separator.full .separator_content {
    padding: 15px 40px;
  }

  .blog_single.blog_holder article.format-link .post_text .post_text_inner,
  .blog_single.blog_holder article.format-quote .post_text .post_text_inner {
    padding: 20px 30px;
  }

  .blog_single.blog_holder article.format-link .post_text .post_text_inner .post_info,
  .blog_single.blog_holder article.format-quote .post_text .post_text_inner .post_info,
  .blog_holder article .post_info,
  .blog_holder article h2 {
    margin: 0 0 20px;
  }

  .blog_single.blog_holder article.format-link .post_content,
  .blog_single.blog_holder article.format-quote .post_content,
  .blog_holder.blog_single article .post_text .post_text_inner {
    padding: 30px;
  }

  .blog_holder article h2 {
    line-height: 0.9em;
  }

  .blog_holder article h2 a,
  .blog_holder article h2 span {
    font-size: 0.7em;
  }

  .blog_holder article .post_info > span {
    padding: 0 6px 0 0;
    margin: 0 6px 0 0;
  }

  .blog_holder article .post_info > span:before {
    left: -6px;
  }

  body.page-template-full_screen-php {
    font-size: inherit !important;
    height: auto !important;
  }

  .full_screen_navigation_holder,
  .full_screen_preloader,
  .slimScrollBar {
    display: none !important;
    visibility: hidden !important;
  }

  .full_screen_inner {
    visibility: visible !important;
    top: auto !important;
    -ms-touch-action: inherit !important;
    touch-action: inherit !important;
  }

  .fp-section.fp-table,
  .fp-slide.fp-table,
  .fp-tableCell,
  .slimScrollDiv,
  .fp-scrollable {
    height: auto !important;
  }

  .vc_row.full_screen_section,
  .full_screen_section_slide {
    padding: 30px 0;
  }

  .vc_row.full_screen_section.full_screen_section_slides {
    padding: 0;
  }

  .content .full_width h2,
  .content .container_inner.default_template_holder h2 {
    font-size: 26px;
  }

  .custom_font_holder > span {
    font-size: 0.7em;
  }

  .projects_masonry_holder .image_holder img {
    height: auto !important;
  }

  .qode_shop_category_showcase,
  .page-template-default .qode_shop_category_showcase,
  .grid_section .qode_shop_category_showcase {
    display: block;
    width: 100%;
    margin: 0;
  }

  .qode_shop_category_showcase.cat_and_products_33_66 .qode_shop_category_showcase_element.element_right,
  .qode_shop_category_showcase.cat_and_products_66_33 .qode_shop_category_showcase_element.element_left,
  .qode_shop_category_showcase.cat_and_products_33_66 .qode_shop_category_showcase_element.element_left,
  .qode_shop_category_showcase.cat_and_products_66_33 .qode_shop_category_showcase_element.element_right {
    display: block;
    width: 100%;
    padding: 0 0 22px 0;
  }

  .qode_shop_category_showcase .qode_category_showcase_category_holder,
  .qode_shop_category_showcase .qode_category_showcase_category_info {
    min-height: 220px;
  }

  .blog_holder.masonry_full_width.pinterest_full_width article {
    width: 100%;
    margin: 0 0 20px 0;
  }

  body.page-template-blog-pinterest-full-width-php .content .full_width {
    padding: 44px 45px 25px;
  }

  .portfolio_single .portfolio_masonry_gallery .mix,
  .portfolio_single .portfolio_masonry_gallery .mix.large,
  .portfolio_single .portfolio_masonry_gallery .mix.huge {
    width: 100%;
  }

  .portfolio_single .portfolio_masonry_gallery a:before {
    display: none;
  }

  .countdown-amount {
    font-size: 35px !important;
    line-height: 35px !important;
    margin-bottom: 10px;
  }

  .countdown-period {
    font-size: 10px !important;
  }

  .portfolio_single .column2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 480px) {
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner {
    width: 350px;
  }

  body.boxed .footer_inner,
  body.boxed .fotter_top_border_holder.in_grid,
  body.boxed .fotter_bottom_border_holder.in_grid {
    width: 100%;
  }

  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  div.column1 .grid_section .section_inner,
  div.column2 .grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu,
  .fotter_top_border_holder.in_grid,
  .fotter_bottom_border_holder.in_grid,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 300px;
  }

  .blog_holder.masonry {
    width: 300px !important;
  }

  .header_bottom,
  footer .container_inner {
    padding: 0px 25px;
  }

  .footer_top.footer_top_full {
    padding: 82px 25px 76px;
  }

  footer .container_inner {
    width: auto;
  }

  nav.mobile_menu > ul {
    width: auto;
  }

  .title h1,
  .position_center.title h1 {
    font-size: 18px;
  }

  .subtitle {
    display: none;
  }

  .projects_holder .mix {
    margin: 0 0 7.4% !important;
  }

  .projects_holder.hover_text article .icons_holder,
  .projects_holder.hover_text.v3 article .icons_holder,
  .projects_holder.hover_text.v2 article .icons_holder,
  .portfolio_slides .icons_holder {
    bottom: 30px;
    left: 30px;
  }

  .projects_holder article .image_holder .text_holder,
  .projects_holder.v3 article .image_holder .text_holder,
  .projects_holder.v2 article .image_holder .text_holder,
  .portfolio_slides .image_holder .text_holder {
    padding: 25px 30px 60px;
  }

  .projects_holder article .image_holder.elegant_hover .text_holder,
  .projects_holder.v3 article .image_holder.elegant_hover .text_holder,
  .projects_holder.v2 article .image_holder.elegant_hover .text_holder {
    padding: 25px 30px;
  }

  .single_tags {
    margin: 35px 0 0 19%;
  }

  .q_tabs.vertical .tabs-nav {
    width: 30%;
  }

  .q_tabs.vertical .tabs-container {
    width: 65%;
  }

  .q_tabs .tabs-nav li a {
    padding: 0 5px;
  }

  .q_tabs.vertical .tabs-nav li a {
    padding: 7px 5px;
  }

  .gallery_holder ul.v5 li,
  .gallery_holder ul.v4 li,
  .gallery_holder ul.v3 li,
  .gallery_holder ul.v2 li {
    width: 100% !important;
    margin: 0 !important;
  }

  .comment_holder .comment-list li ul.children {
    padding: 0 0 0 15px;
  }

  .box_image_with_border {
    margin: 0px 0px 30px 0px;
  }

  .box_image_holder .box_icon .fa-stack {
    font-size: 4em;
  }

  .blog_holder article .post_description .post_description_left,
  .post_info_left {
    display: inline-block;
    float: none;
    margin: 0 0 5px;
    width: 100%;
  }

  .blog_holder article .post_description .post_description_right,
  .post_info_right {
    float: none;
  }

  .post_info_right {
    text-align: right;
  }

  .author_description_inner .image {
    float: none;
  }

  .author_text_holder {
    padding: 10px 0 0;
  }

  .single_tags {
    margin-left: 0;
  }

  .footer_top .column_inner > div:not(.qodef-separator-widget) {
    margin: 0 0 25px !important;
  }

  .footer_top .column_inner {
    border: 0;
  }

  .side_menu_button > a {
    padding: 0 0 0 5px;
  }

  .cover_boxes ul li .box .thumb {
    width: 100% !important;
  }

  .cover_boxes ul li.act,
  .cover_boxes ul li .box {
    width: 100%;
  }

  .cover_boxes ul li.act,
  .cover_boxes ul li .box a.thumb {
    float: none;
    margin: 0 !important;
  }

  .cover_boxes ul li .box .box_content {
    position: static;
    margin-top: 20px;
    width: 100%;
  }

  .cover_boxes ul li.act {
    margin-bottom: 35px !important;
  }

  .cover_boxes ul li .box .thumb img {
    width: 100%;
  }

  .q_counter_holder.center {
    padding: 20px;
  }

  .q_accordion_holder,
  .q_tabs,
  .testimonials.testimonials_carousel {
    visibility: visible !important;
  }

  .q_accordion_holder.accordion:not(.boxed) div.accordion_content {
    padding: 0;
  }

  .q_accordion_holder.accordion:not(.boxed) div.accordion_content_inner {
    padding: 20px 0 0;
  }

  .q_accordion_holder.accordion .ui-accordion-header {
    height: 44px;
    line-height: 44px;
  }

  .q_accordion_holder .ui-accordion-header .accordion_mark {
    width: 44px;
    height: 44px;
  }

  .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon,
  .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon span {
    line-height: 40px;
  }

  .q_accordion_holder.accordion:not(.boxed) .ui-accordion-header span.tab-title {
    padding: 0 0 0 58px;
  }

  .title.title_size_large h1 {
    font-size: 28px;
    line-height: 30px;
  }

  .wpb_flexslider.flexslider.have_frame {
    width: 220px;
  }

  .wpb_flexslider.flexslider.have_frame.frame3 {
    width: 292px;
  }

  .wpb_flexslider.flexslider.have_frame.frame4 {
    width: 256px;
  }

  .frame_holder.frame_holder3 .gallery_frame {
    left: 4px;
  }

  .frame_holder > .wpb_wrapper {
    padding: 12px 0 30px 0;
  }

  .frame_holder.frame_holder2 > .wpb_wrapper {
    padding: 17px 0 28px 0;
  }

  .frame_holder.frame_holder3 > .wpb_wrapper {
    padding: 10px 0 110px;
  }

  .q_tabs.boxed .tabs-nav li.active {
    border: none;
    top: 0;
  }

  .q_tabs.boxed .tabs-nav li a {
    padding: 0 5px;
  }

  .q_tabs.boxed .tabs-nav li:first-child a {
    padding-right: 5px;
  }

  .q_tabs.boxed .tabs-container {
    border: none;
  }

  div.pp_pic_holder {
    width: 100% !important;
    left: 0 !important;
  }

  .pp_content {
    width: 100% !important;
    height: 300px !important;
  }

  .pp_hoverContainer {
    width: 100% !important;
    height: 250px !important;
  }

  #pp_full_res > img {
    width: 100% !important;
    height: auto !important;
  }

  div.pp_default .pp_details {
    width: 98% !important;
  }

  div.ppt {
    width: 100% !important;
  }

  .filter_holder ul li span,
  .filter_holder.without_separator ul li span {
    padding: 0 10px;
  }

  .filter_holder.without_separator ul li.filter_title span {
    padding: 0 10px 0 0;
  }

  .vc_text_separator.full .separator_content {
    padding: 12px 35px;
  }

  .blog_single.blog_holder article.format-link .post_text .post_text_inner,
  .blog_single.blog_holder article.format-quote .post_text .post_text_inner {
    padding: 20px 25px;
  }

  .blog_single.blog_holder article.format-link .post_text .post_text_inner .post_info,
  .blog_single.blog_holder article.format-quote .post_text .post_text_inner .post_info,
  .blog_holder article .post_info,
  .blog_holder article h2 {
    margin: 0 0 15px;
  }

  .blog_single.blog_holder article.format-link .post_content,
  .blog_single.blog_holder article.format-quote .post_content,
  .blog_holder.blog_single article .post_text .post_text_inner {
    padding: 25px;
  }

  .blog_holder article h2 {
    line-height: 0.65em;
  }

  .blog_holder article h2 a,
  .blog_holder article h2 span {
    font-size: 0.5em;
  }

  body.page-template-blog-masonry-full-width-php .content .full_width {
    padding: 44px 25px 25px;
  }

  .content .full_width h2,
  .content .container_inner.default_template_holder h2 {
    font-size: 22px;
  }

  .latest_post_holder.image_in_box h4.latest_post_title {
    font-size: 13px;
  }

  .q_elements_holder.responsive_mode_from_480.two_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_480.three_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_480.four_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_480.five_columns .q_elements_item,
  .q_elements_holder.responsive_mode_from_480.six_columns .q_elements_item {
    width: 100%;
    display: inline-block;
    height: auto;
  }

  .q_elements_holder.responsive_mode_from_480 .q_elements_item .q_elements_item_content .images_holder {
    display: inline-block;
  }

  .q_elements_holder.alignment_one_column_left.responsive_mode_from_480 .q_elements_item .q_elements_item_content {
    text-align: left !important;
  }

  .q_elements_holder.alignment_one_column_center.responsive_mode_from_480 .q_elements_item .q_elements_item_content {
    text-align: center !important;
  }

  .q_elements_holder.alignment_one_column_right.responsive_mode_from_480 .q_elements_item .q_elements_item_content {
    text-align: right !important;
  }

  .side_area_slide_with_content .side_menu {
    width: 300px;
  }

  .portfolio_single.portfolio_fullscreen_slider {
    margin-top: -44px;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content {
    padding: 25px 30px;
    height: 80px;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description {
    padding: 15px 65px 15px 30px;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description h3 {
    font-size: 18px;
  }

  .portfolio_single.portfolio_fullscreen_slider .info_section_title {
    margin-bottom: 5px;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-title {
    margin-bottom: 16px;
  }

  .portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-horizontal-holder .qodef-portfolio-info-holder > div {
    padding: 5px 0;
  }

  .fullscreen_search_holder .form_holder {
    width: 80%;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 15px;
    line-height: 37px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 16px;
    line-height: 39px;
  }

  .side_area_over_content .side_menu {
    width: 80%;
  }

  .qode_instagram_feed.col_8 li,
  .qode_instagram_feed.col_7 li,
  .qode_instagram_feed.col_6 li,
  .qode_instagram_feed.col_5 li,
  .qode_instagram_feed.col_4 li,
  .qode_instagram_feed.col_3 li,
  .qode_instagram_feed.col_2 li {
    width: 100%;
  }

  .qode_instagram_feed li img {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 420px) {
  body.boxed .wrapper_inner,
  body.boxed footer,
  body.boxed .header_inner,
  body.boxed .full_width .parallax_content,
  body.boxed .carousel-inner {
    width: 320px;
  }

  .header_bottom,
  footer .container_inner,
  nav.content_menu {
    padding: 0px 15px;
  }

  .pp_content {
    height: 250px !important;
  }

  .pp_hoverContainer {
    height: 200px !important;
  }

  .fullscreen_search_holder .qode_search_field {
    font-size: 12px;
    line-height: 30px;
  }

  .fullscreen_search_holder .search_submit {
    font-size: 13px;
    line-height: 37px;
  }
}

@media only screen and (max-width: 350px) {
  .container_inner,
  .boxed div.section .section_inner,
  div.grid_section .section_inner,
  div.column1 .grid_section .section_inner,
  div.column2 .grid_section .section_inner,
  .full_width .parallax_content,
  .carousel-inner .slider_content_outer,
  nav.content_menu,
  .qode_elementor_container_inner,
  .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
  .elementor-container .elementor-widget-wrap > .qode_elementor_container_inner {
    width: 95%;
  }

  .section_inner_margin,
  .parallax_section_inner_margin {
    margin: 0;
  }
}

/* ==========================================================================
 Audio Blog List Shortcode
   ========================================================================== */

/* ==========================================================================
# Audio Blog List style - begin
========================================================================== */

@media only screen and (max-width: 768px) {
  .qode-audio-blog-list .qode-abl-post {
    padding: 75px 5%;
  }

  .qode-audio-blog-list .qode-abl-post-image {
    flex: 0 0 160px;
    margin-right: 35px;
  }
}

@media only screen and (max-width: 480px) {
  .qode-audio-blog-list .qode-abl-post {
    display: block;
    padding: 75px 0%;
  }

  .qode-audio-blog-list .qode-abl-post-image {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

/* ==========================================================================
# Audio Blog List style- end
========================================================================== */

/* ==========================================================================
 Simple Blog List Shortcode
   ========================================================================== */

/* ==========================================================================
# Simple Blog List style - begin
========================================================================== */

@media only screen and (max-width: 1024px) {
  .qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post {
    width: 50%;
  }

  .qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post:nth-child(2n+1) {
    clear: both;
  }

  .qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post:nth-child(3n+1),
  .qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post:nth-child(4n+1) {
    clear: none;
  }

  .qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post {
    width: 50%;
  }

  .qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post:nth-child(5n+1) {
    clear: none;
  }

  .qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1024px) {
  .qode-simple-blog-list .qode-sbl-post {
    width: 100%;
  }

  .qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post {
    width: 100%;
  }

  .qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post {
    width: 100%;
  }
}

/* ==========================================================================
# Simple Blog List style- end
========================================================================== */

/* ==========================================================================
 Image With Overlapping Info Shortcode
   ========================================================================== */

/* ==========================================================================
# Image With Overlapping Info style - begin
========================================================================== */

@media only screen and (max-width: 1024px) {
  .qode-image-with-overlapping-info .qode-iwoi-image-holder {
    padding-right: 0;
  }

  .qode-image-with-overlapping-info .qode-iwoi-info-holder {
    width: 480px;
    padding: 48px 50px;
  }

  .qode-image-with-overlapping-info .qode-iwoi-info-holder .qode-iwoi-link {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 600px) {
  .qode-image-with-overlapping-info .qode-iwoi-info-holder {
    left: 0;
    margin-top: -5%;
    width: 100%;
    padding: 48px 50px;
  }

  .qode-image-with-overlapping-info .qode-iwoi-info-holder .qode-iwoi-link {
    margin-top: 40px;
  }
}

/* ==========================================================================
# Image With Overlapping Info style - end
========================================================================== */

/* ==========================================================================
 Google Map Shortcode
   ========================================================================== */

/* ==========================================================================
   Google Map shortcode responsive style - begin
   ========================================================================== */

@media only screen and (max-width: 1024px) {
  .qodef-google-map-overlay {
    display: block;
  }
}

/* ==========================================================================
   Google Map shortcode responsive style - end
   ========================================================================== */

/* ==========================================================================
 Interactive Image Shortcode
   ========================================================================== */

@media only screen and (max-width: 768px) {
  .qode-interactive-image .qode-ii-info-holder .qode-ii-info-holder-inner {
    top: 0px !important;
    opacity: 1 !important;
  }
}

/* ==========================================================================
 Sidebar Advanced Responsiveness - start
   ========================================================================== */

@media only screen and (max-width: 768px) {
  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768 .content .container > .container_inner.default_template_holder > .grid2 > * {
    width: 100%;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768 .content .container > .container_inner.default_template_holder > .grid2 > * > * {
    padding: 0;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768 .portfolio_single .portfolio_container > * {
    width: 100%;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768 .portfolio_single .portfolio_container > *.column2 {
    margin-top: 50px;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768 .portfolio_single .portfolio_container > * > * {
    padding: 0;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768.woocommerce aside ul.product_list_widget li {
    text-align: left;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_768.woocommerce aside ul.product_list_widget li img {
    float: left;
  }
}

@media only screen and (max-width: 1024px) {
  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024 .content .container > .container_inner.default_template_holder > .grid2 > * {
    width: 100%;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024 .content .container > .container_inner.default_template_holder > .grid2 > * > * {
    padding: 0;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024 .portfolio_single .portfolio_container > * {
    width: 100%;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024 .portfolio_single .portfolio_container > *.column2 {
    margin-top: 50px;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024 .portfolio_single .portfolio_container > * > * {
    padding: 0;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024.woocommerce aside ul.product_list_widget li {
    text-align: left;
  }

  .qode_sidebar_adv_responsiveness.qode_sidebar_adv_responsiveness_1024.woocommerce aside ul.product_list_widget li img {
    float: left;
  }
}

/* ==========================================================================
 Sidebar Advanced Responsiveness - start
   ========================================================================== */

@media only screen and (max-width: 1440px) {
  .qodef-grid-list.qodef-six-columns .qodef-masonry-grid-sizer {
    width: 20%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height {
    width: 20%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width_height {
    width: 40%;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {
  .qodef-grid-list.qodef-six-columns .qodef-item-space:nth-child(5n+1),
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height:nth-child(5n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1366px) {
  .qodef-grid-list.qodef-five-columns .qodef-masonry-grid-sizer {
    width: 25%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height {
    width: 25%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width_height {
    width: 50%;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .qodef-grid-list.qodef-five-columns .qodef-item-space:nth-child(4n+1),
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height:nth-child(4n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1366px) {
  .qodef-grid-list.qodef-six-columns .qodef-masonry-grid-sizer {
    width: 25%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height {
    width: 25%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width_height {
    width: 50%;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  .qodef-grid-list.qodef-six-columns .qodef-item-space:nth-child(4n+1),
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height:nth-child(4n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-grid-list.qodef-four-columns .qodef-masonry-grid-sizer {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-item-space,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height.large_width_height {
    width: 66.66667%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .qodef-grid-list.qodef-four-columns .qodef-item-space:nth-child(3n+1),
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height:nth-child(3n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-grid-list.qodef-five-columns .qodef-masonry-grid-sizer {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width_height {
    width: 66.66667%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .qodef-grid-list.qodef-five-columns .qodef-item-space:nth-child(3n+1),
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height:nth-child(3n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-grid-list.qodef-six-columns .qodef-masonry-grid-sizer {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height {
    width: 33.33333%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width_height {
    width: 66.66667%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .qodef-grid-list.qodef-six-columns .qodef-item-space:nth-child(3n+1),
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height:nth-child(3n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-grid-list.qodef-three-columns .qodef-masonry-grid-sizer {
    width: 50%;
  }

  .qodef-grid-list.qodef-three-columns .qodef-item-space,
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_height {
    width: 50%;
  }

  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_height.large_width_height {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 681px) {
  .qodef-grid-list.qodef-three-columns .qodef-item-space:nth-child(2n+1),
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_height:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-grid-list.qodef-four-columns .qodef-masonry-grid-sizer {
    width: 50%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-item-space,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height {
    width: 50%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height.large_width_height {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 681px) {
  .qodef-grid-list.qodef-four-columns .qodef-item-space:nth-child(2n+1),
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-grid-list.qodef-five-columns .qodef-masonry-grid-sizer {
    width: 50%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height {
    width: 50%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height.large_width_height {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 681px) {
  .qodef-grid-list.qodef-five-columns .qodef-item-space:nth-child(2n+1),
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-grid-list.qodef-six-columns .qodef-masonry-grid-sizer {
    width: 50%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height {
    width: 50%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_width_height,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height.large_width_height {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 681px) {
  .qodef-grid-list.qodef-six-columns .qodef-item-space:nth-child(2n+1),
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 600px) {
  .qodef-grid-list.qodef-two-columns .qodef-masonry-grid-sizer {
    width: 100%;
  }

  .qodef-grid-list.qodef-two-columns .qodef-item-space,
  .qodef-grid-list.qodef-two-columns .qodef-item-space.large_height {
    width: 100%;
  }

  .qodef-grid-list.qodef-three-columns .qodef-masonry-grid-sizer {
    width: 100%;
  }

  .qodef-grid-list.qodef-three-columns .qodef-item-space,
  .qodef-grid-list.qodef-three-columns .qodef-item-space.large_height {
    width: 100%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-masonry-grid-sizer {
    width: 100%;
  }

  .qodef-grid-list.qodef-four-columns .qodef-item-space,
  .qodef-grid-list.qodef-four-columns .qodef-item-space.large_height {
    width: 100%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-masonry-grid-sizer {
    width: 100%;
  }

  .qodef-grid-list.qodef-five-columns .qodef-item-space,
  .qodef-grid-list.qodef-five-columns .qodef-item-space.large_height {
    width: 100%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-masonry-grid-sizer {
    width: 100%;
  }

  .qodef-grid-list.qodef-six-columns .qodef-item-space,
  .qodef-grid-list.qodef-six-columns .qodef-item-space.large_height {
    width: 100%;
  }
}

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

/* ==========================================================================
   Shortcodes responsive styles
   ========================================================================== */

/* ==========================================================================
   Horizontal Layout shortcode responsive style - begin
   ========================================================================== */

@media only screen and (max-width: 1680px) {
  .qodef-hli-btm-inner .qodef-hli-mid {
    top: 18.68%;
  }

  .qodef-hli-image .qodef-m-video,
  .qodef-hli-image img.qodef-hli-btm-img-2,
  .qodef-hli-image img.qodef-hli-btm-img-1 {
    bottom: 21.85%;
  }

  #qodef-horizontal-layout .qodef-scroll-right {
    left: 84vw;
  }
}

@media only screen and (max-width: 1440px) {
  .qodef-hli-btm-inner .qodef-hli-mid {
    top: 17.18%;
  }

  .qodef-hli-image .qodef-m-video,
  .qodef-hli-image img.qodef-hli-btm-img-1,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    bottom: 20.35%;
  }
}

@media only screen and (max-width: 1400px) {
  .qodef-hl-cta {
    padding: 30px 45px 18.6vh 45px;
  }
}

@media only screen and (max-width: 1368px) {
  .qodef-hli-btm-inner .qodef-hli-mid {
    top: 23.38%;
  }

  .qodef-hli-image .qodef-m-video,
  .qodef-hli-image img.qodef-hli-btm-img-2,
  .qodef-hli-image img.qodef-hli-btm-img-1 {
    bottom: 26.55%;
  }
}

@media only screen and (max-width: 1366px) {
  .qodef-hl-cta {
    padding: 30px 35px 18.6vh 35px;
  }

  .qodef-hli-btm-inner .qodef-hli-mid {
    top: 12.18%;
  }

  .qodef-hli-image .qodef-m-video,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    bottom: 14.35%;
    left: 40.8vw;
  }

  .qodef-hli-image img.qodef-hli-btm-img-1 {
    bottom: 14.35%;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-hl-cta {
    padding: 60px 60px 18.6vh 60px;
  }

  .qodef-hl-cta .qodef-hl-cta-title {
    max-width: 43%;
  }
}

/* 1280 is in design */

@media only screen and (max-width: 1400px) {
  .qodef-hli-btm-inner .qodef-hli-mid {
    right: 2px;
    padding-left: 0;
  }

  .qodef-hli-image {
    /*video*/
  }
}

@media only screen and (max-width: 1280px) {
  .qodef-hli-btm-inner .qodef-hli-mid {
    top: 15.18%;
  }

  .qodef-hli-image .qodef-m-video,
  .qodef-hli-image img.qodef-hli-btm-img-2,
  .qodef-hli-image img.qodef-hli-btm-img-1 {
    bottom: 17.35%;
  }
}

@media screen and (max-width: 1194px) {
  .qodef-hl-intro .qodef-hl-intro-title {
    right: -76px;
    bottom: 79px;
  }

  .qodef-hli-btm-item {
    width: 49.9%;
  }

  .qodef-hli-image {
    /*video*/
  }

  .qodef-hli-image img.qodef-hli-btm-img-1,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    max-width: 25.4vw;
    bottom: 54px;
  }

  .qodef-hli-image img.qodef-hli-btm-img-1 {
    left: 32.5vw;
  }

  .qodef-hli-image img.qodef-hli-btm-img-2 {
    left: 63vw;
  }

  .qodef-hli-image .qodef-m-video {
    max-width: 25.4vw;
    left: 63vw;
  }

  .qodef-hli-btm-inner .qodef-hli-mid {
    width: 37%;
  }

  #qodef-horizontal-layout .qodef-scroll-right {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .qodef-hl-item {
    margin-bottom: 117px;
  }

  .qodef-hli-responsive-title-holder {
    margin: 98px 0 105px;
  }

  .qodef-hl-cta-btn {
    top: 40px;
  }

  .qodef-hl-cta {
    padding: 60px 60px 18.6vh 60px;
  }

  .qodef-hl-cta .qodef-hl-cta-title {
    max-width: 100%;
    margin: 2px 0;
  }

  .qodef-hli-btm-bg-image {
    height: 520px;
  }

  .qodef-hli-btm-bg-image-inner img {
    margin-left: 0;
  }

  .qodef-hl-items-wrapper,
  .qodef-hl-intro,
  .qodef-hl-intro .qodef-hl-intro-title,
  .qodef-hl-item,
  .qodef-hl-cta,
  .qodef-hli-grid,
  .qodef-hli-btm,
  .qodef-hli-btm-item,
  .qodef-hli-btm-inner {
    position: relative;
  }

  .qodef-hl-items-wrapper,
  .qodef-hl-item {
    height: auto;
    width: 100%;
  }

  .qodef-hl-intro {
    width: 100%;
    height: auto;
    padding: 160px 30px 100px 30px;
  }

  .qodef-hl-intro .qodef-hl-intro-title {
    right: initial;
    bottom: initial;
    width: 100%;
    top: initial;
    transform: none;
  }

  .qodef-hl-intro .qodef-hl-item {
    width: 100%;
  }

  .qodef-hli-btm-item {
    width: 100%;
    text-align: center;
  }

  .qodef-hli-image {
    /*video*/
  }

  .qodef-hli-image img.qodef-hli-btm-img-1,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    position: relative;
    left: 0;
    display: inline-block;
    bottom: 0;
    max-width: 772px;
    margin: 0 25px;
  }

  .qodef-hli-image .qodef-m-video {
    position: relative;
    left: 0;
    display: inline-block;
    margin: 0 25px;
    bottom: 0;
    max-width: 772px;
  }

  .qodef-hli-btm {
    height: auto;
  }

  .qodef-hli-btm-inner .qodef-hli-mid {
    position: relative;
    width: 772px;
    bottom: 0;
    margin: 0 auto;
    left: auto;
  }

  .qodef-hl-cta {
    height: 58vh;
    padding: 26px 470px 32px 19px;
  }
}

@media only screen and (max-width: 1000px) {
  .qodef-hl-intro {
    padding-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .qodef-hli-responsive-title-holder {
    margin: 110px 0 55px;
  }

  .qodef-hl-intro {
    padding: 60px 40px 100px 30px;
  }

  .qodef-hl-cta {
    height: 46vh;
    padding: 26px 452px 32px 19px;
  }

  .qodef-hli-image {
    /*video*/
  }

  .qodef-hli-image > a {
    display: inline-block;
    margin: 0 25px;
  }

  .qodef-hli-image img.qodef-hli-btm-img-1,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    max-width: 300px;
    width: auto !important;
    height: auto !important;
    margin: 0;
  }

  .qodef-hli-image .qodef-m-video {
    max-width: 642px;
    margin: 0 25px;
  }

  .qodef-hli-btm-inner .qodef-hli-mid {
    width: 642px;
  }
}

@media only screen and (max-width: 600px) {
  .qodef-hl-item {
    margin-bottom: 11px;
  }

  .qodef-hl-cta-btn {
    top: 40px;
  }

  .qodef-hl-cta {
    padding: 60px 60px 18.6vh 60px;
  }

  .qodef-hl-cta .qodef-hl-cta-title {
    max-width: 100%;
    margin: 2px 0;
  }

  .qodef-hli-btm-bg-image {
    height: 520px;
  }

  .qodef-hli-btm-bg-image-inner img {
    margin-left: 0;
  }

  .qodef-hl-items-wrapper,
  .qodef-hl-intro,
  .qodef-hl-intro .qodef-hl-intro-title,
  .qodef-hl-item,
  .qodef-hl-cta,
  .qodef-hli-grid,
  .qodef-hli-btm,
  .qodef-hli-btm-item,
  .qodef-hli-btm-inner {
    position: relative;
  }

  .qodef-hl-items-wrapper,
  .qodef-hl-item {
    height: auto;
    width: 100%;
  }

  .qodef-hl-intro {
    width: 100%;
    height: auto;
    padding: 40px 60px 80px 25px;
  }

  .qodef-hl-intro .qodef-hl-intro-title {
    right: initial;
    bottom: initial;
    width: 100%;
  }

  .qodef-hl-intro .qodef-hl-item {
    width: 100%;
  }

  .qodef-hli-btm-item {
    width: 100%;
  }

  .qodef-hli-image {
    /*video*/
  }

  .qodef-hli-image img.qodef-hli-btm-img-1,
  .qodef-hli-image img.qodef-hli-btm-img-2 {
    position: relative;
    left: 0;
    display: block;
    margin: 0 auto;
    bottom: 0;
    max-width: 250px;
  }

  .qodef-hli-image .qodef-m-video {
    position: relative;
    left: 0;
    display: block;
    bottom: 0;
    max-width: 250px;
    margin: 25px auto 90px;
  }

  .qodef-hli-btm {
    height: auto;
  }

  .qodef-hli-btm-inner .qodef-hli-mid {
    position: relative;
    width: auto;
    padding: 0 60px;
    bottom: 53px;
    margin: 0 auto;
  }

  .qodef-hl-cta {
    height: 72vh;
    padding: 26px 60px 32px 19px;
  }

  .qodef-hli-responsive-title-holder {
    margin: 91px 0 50px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .qodef-hli-title {
    max-width: 90%;
  }
}

/* ==========================================================================
   Horizontal Layout shortcode responsive style - end
   ========================================================================== */

/* ==========================================================================
   Horizontaly Scrolling Portfolio List shortcode style - begin
   ========================================================================== */

.qode-horizontaly-scrolling-portfolio-holder-outer {
  /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  /* ----------- iPhone 6+, 7+ and 8+ ----------- */
  /* ----------- iPhone X ----------- */
}

@media only screen and (max-width: 1024px) {
  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-inner,
  .qode-horizontaly-scrolling-portfolio-holder-outer article .qode-hspli-image-holder,
  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-custom {
    height: calc(100vh - 69px);
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-item-inner {
    margin: 0 !important;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-device-width: 680px) {
  .qode-horizontaly-scrolling-portfolio-holder-outer {
    padding: 0;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-item-inner {
    height: auto;
    width: 100%;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-custom {
    position: relative;
    width: 100%;
    margin: 0;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer article {
    opacity: 1;
    margin-right: 0;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer article.qode-hspl-featured .qode-hspl-item-holder-inner {
    width: 100%;
    text-align: center;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer article.qode-hspl-featured img {
    margin: auto;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer article.qode-hspl-featured .qode-hspli-text {
    padding: 22px 0;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer article:not(.qode-hspl-featured) {
    width: 100%;
    margin-bottom: 0;
  }

  .qode-horizontaly-scrolling-portfolio-holder-outer .qode-hspl-inner {
    visibility: visible;
    display: block;
    height: auto;
  }
}

/* ==========================================================================
   Horizontaly Scrolling Portfolio List shortcode style - end
   ========================================================================== */

@media only screen and (max-width: 768px) {
  .qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-titles-holder {
    display: none;
  }

  .qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    visibility: visible;
  }

  .qode-interactive-links.qode-il-links-aside .qode-il-responsive-title-holder {
    display: block;
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 10;
  }
}

@media only screen and (max-width: 768px) {
  .qode-interactive-links.qode-il-links-below {
    height: auto;
  }

  .qode-interactive-links.qode-il-links-below .qode-il-titles-holder {
    display: none;
  }

  .qode-interactive-links.qode-il-links-below .qode-il-images-holder {
    position: relative;
  }

  .qode-interactive-links.qode-il-links-below .qode-il-images-holder .qode-il-image {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    opacity: 1;
    visibility: visible;
  }

  .qode-interactive-links.qode-il-links-below .qode-il-responsive-title-holder {
    display: block;
    position: absolute;
    left: 50px;
    bottom: 50px;
    z-index: 10;
  }
}

/* ==========================================================================
   Horizontaly Scrolling Portfolio List shortcode style - begin
   ========================================================================== */

.qode-portfolio-list-horizontal-holder-outer {
  /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  /* ----------- iPhone 6+, 7+ and 8+ ----------- */
  /* ----------- iPhone X ----------- */
}

@media only screen and (max-width: 1400px) {
  .qode-portfolio-list-horizontal-holder-outer article {
    margin-right: 0;
  }

  .qode-portfolio-list-horizontal-holder-outer article .qode-plh-item-holder-inner {
    width: 75%;
  }

  .qode-portfolio-list-horizontal-holder-outer article.qode-plh-featured {
    padding-top: 96px;
  }
}

@media only screen and (max-width: 1024px) {
  .qode-portfolio-list-horizontal-holder-outer .qode-plh-item-inner {
    margin: 0 !important;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-device-width: 600px) {
  .qode-portfolio-list-horizontal-holder-outer {
    padding: 0 40px;
  }

  .qode-portfolio-list-horizontal-holder-outer .qode-plh-inner {
    padding: 0;
  }

  .qode-portfolio-list-horizontal-holder-outer .qode-plh-item-inner {
    height: auto;
    width: 100%;
  }

  .qode-portfolio-list-horizontal-holder-outer article {
    opacity: 1;
    margin-right: 0;
  }

  .qode-portfolio-list-horizontal-holder-outer article.qode-plh-featured {
    padding-top: 0;
    margin-bottom: 30px;
  }

  .qode-portfolio-list-horizontal-holder-outer article.qode-plh-featured .qode-plh-item-holder-inner {
    width: 100%;
    text-align: center;
  }

  .qode-portfolio-list-horizontal-holder-outer article.qode-plh-featured img {
    margin: auto;
  }

  .qode-portfolio-list-horizontal-holder-outer article.qode-plh-featured .qode-plhi-text {
    padding: 22px 0;
  }

  .qode-portfolio-list-horizontal-holder-outer article:not(.qode-plh-featured) {
    margin: 0 auto;
    text-align: center;
  }

  .qode-portfolio-list-horizontal-holder-outer article .qode-plh-item-holder-inner {
    width: 100%;
    text-align: center;
  }

  .qode-portfolio-list-horizontal-holder-outer .qode-plh-inner {
    visibility: visible;
    display: block;
    height: auto;
  }
}

/* ==========================================================================
   Horizontaly Scrolling Portfolio List shortcode style - end
   ========================================================================== */

/* ==========================================================================
   Split Scrolling Section shortcode responsive style - begin
   ========================================================================== */

@media only screen and (max-width: 1024px) {
  .qode-split-scrolling-section .qode-sss-ms-left {
    width: 100%;
    float: left;
    position: relative;
  }

  .qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section {
    padding: 0 45px !important;
  }

  .qode-split-scrolling-section .qode-sss-ms-right {
    width: 100%;
    float: left;
    padding: 0 45px !important;
  }
}

/* ==========================================================================
   Split Scrolling Section shortcode responsive style - end
   ========================================================================== */

@media only screen and (max-width: 1400px) {
  .qode-workflow .qode-workflow-item {
    max-width: 90%;
  }
}

@media only screen and (max-width: 1200px) {
  .qode-workflow .qode-workflow-item {
    max-width: 100%;
  }

  .qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
    padding: 0px 40px;
  }
}

@media only screen and (max-width: 768px) {
  .qode-workflow .main-line,
  .qode-workflow .qode-workflow-item .line,
  .qode-workflow .qode-workflow-item .qode-workflow-text .circle {
    display: none !important;
  }

  .qode-workflow .qode-workflow-item .qode-workflow-item-inner.reverse {
    display: block;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .qode-workflow .qode-workflow-item .qode-workflow-item-inner.reverse .qode-workflow-text {
    text-align: left;
  }

  .qode-workflow .qode-workflow-text {
    width: 100% !important;
    padding: 0px !important;
  }

  .qode-workflow .qode-workflow-image {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}

/*# sourceMappingURL=../css/shortcodes-map-responsive.css.map */
/* ==========================================================================
   Popup responsive styles - begin
   ========================================================================== */

/* ==========================================================================
# Pop-up style responsive - begin
========================================================================== */

@media only screen and (max-width: 1280px) {
  .qode-popup-holder .qode-popup-inner {
    width: 63%;
  }
}

@media only screen and (max-width: 1024px) {
  .qode-popup-holder .qode-popup-inner {
    width: 75%;
  }
}

@media only screen and (max-width: 768px) {
  .qode-popup-holder .qode-popup-inner {
    width: 90%;
  }
}

@media only screen and (max-width: 600px) {
  .qode-popup-holder .qode-popup-inner {
    padding: 25px 0 23px;
  }
}

@media only screen and (max-width: 480px) {
  .qode-popup-holder .qode-popup-content-container {
    width: 95%;
  }
}

@media only screen and (max-width: 600px) {
  .qode-popup-holder .qode-popup-title-holder .qode-popup-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 480px) {
  .qode-popup-holder .wpcf7 {
    width: 100%;
  }

  .qode-popup-holder .wpcf7 .qode-subscription-form .wpcf7-form-control.wpcf7-text {
    width: 100%;
    margin: 0 0 10px;
  }

  .qode-popup-holder .wpcf7 .qode-subscription-form .wpcf7-form-control.wpcf7-submit {
    width: 100%;
  }
}

/* ==========================================================================
# Pop-up style responsive - end
========================================================================== */

/* ==========================================================================
   Popup responsive styles - end
   ========================================================================== */

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