
@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 }
}
.single-hji_areas article,.hji-areas-archive {margin:0 auto;padding-top:150px}
@media only screen and (min-width:1300px) and (max-width:1600px) {
.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .portfolio_masonry_item.large_height { width: 24.98% }
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,  .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 49.96% }
}

@media only screen and (max-width:1400px) {
.full_width .q_masonry_blog article { width: 23% }
.blog_holder.masonry_full_width article { width: 23% }
.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 }
}

@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% }
.touch footer.uncover { position: relative; top: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none }
.touch .content { margin-bottom: 0 !important }
.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .portfolio_masonry_item.large_height { width: 33.3% }
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,  .full_width .projects_masonry_holder .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 }
}

@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,.single-hji_areas article,.hji-areas-archive { width: 950px }
.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 }
}

@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 (min-width:1000px) {
.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) { 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:1000px) {
#gform_submit_button_2 { position: relative; top: 6px; text-align: center; }
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,.single-hji_areas article,.hji-areas-archive { width: 768px }
.single .content .container .container_inner.default_template_holder {padding-top:44px}
.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: 0 !important; margin-bottom: 0 }
.content { margin-bottom: 0 !important }
.right_side_menu_opened .wrapper header { left: 0 !important }
header { top: 0 !important; margin-top: 0 !important; display: block }
.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; }
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 }
.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: 0 auto }
.logo_wrapper { display: table; height: 100px; left: 0px; position: absolute; width: 100%; }
.q_logo { display: table-cell; position: relative; top: auto; vertical-align: middle; text-align: left; }
.q_logo a { left: 0px; width: auto !important }
.q_logo img { top: 0; left: 0 }
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: 0 }
.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; height: 330px; }
.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: 0 !important; margin: 0 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 .portfolio_masonry_item, .full_width .projects_masonry_holder .portfolio_masonry_item.large_height { width: 49.9% }
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,  .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 100% }
.projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .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% }
.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% }
.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 }
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 }
}

@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: 0 0 2% 0 !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 }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
.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: .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,.single-hji_areas article,.hji-areas-archive {width: 91%;}
.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 { width: 100% }
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: .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 }
.touch .content { margin: 0 !important }
nav.popup_menu ul li a, nav.popup_menu ul li h6 { line-height: 40px }
nav.popup_menu ul li a span, nav.popup_menu ul li h6 span { font-size: .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: .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 }
.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: .8em; line-height: 1em }
}

@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: 0 0 2% 0 !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 }
.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:650px) {
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 }
#gform_submit_button_2 { position: relative; top: 6px; text-align: center; padding: 0px }
.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,.single-hji_areas article,.hji-areas-archive { 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_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: 0 0 4% 0 !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: 0 }
.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% }
.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 }
.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: 0; 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: .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: .9em }
.blog_holder article h2 a, .blog_holder article h2 span {/* font-size: .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: .7em }
.projects_masonry_holder .image_holder img { height: auto !important }
}

@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 {width: 90%;}
.blog_holder.masonry { width: 300px !important }
.header_bottom, footer .container_inner { padding: 0 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: 0 0 30px 0 }
.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 { 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 }
.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: 0; 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: 0 }
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: .65em;}
.blog_holder article h2 a, .blog_holder article h2 span {/* font-size: .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 }
}

@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: 0 15px }
.pp_content { height: 250px !important }
.pp_hoverContainer { height: 200px !important }
}

@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 {width: 90%;}
.section_inner_margin, .parallax_section_inner_margin { margin: 0 }
}
