.inner.left_sidebar img, .slideshow_section img, .layer_slider_responsive_wrapper img, .inner.right_sidebar img, .inner.full_layout img, #footer img, .image_container, .image_frame, .portfolio_item, .portfolio_item_wrapper_newpaper, .portfolio_newspaper_image, .portfolio_item_wrapper, .slideshow_shortcode, .flexslider_slideshow{ max-width: 100%; height: auto; } .video-container { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper { max-width: 100%; } /* Tablet (Portrait) ================================================== */ @media only screen and (min-width : 768px) and (max-width : 1024px) { /* Main Layout */ .boxed_layout, .boxed_layout #header.fixed_header {width: 818px;} .inner { width:768px;} #footer .inner {width:100%; } .right_sidebar #main, .left_sidebar #main .content, .right_sidebar #main .content {width: 530px; } .left_sidebar #sidebar, .right_sidebar #sidebar { width: 200px;} .full_sidebar #main, .full_sidebar #main .content, .full_sidebar #main .content {width:100%;} /* Header */ #header .inner {text-align:center;} #navigation_wrapper {position:relative; right:auto; bottom:auto; clear:both; } #navigation {text-align:center;} #navigation ul li { display:inline-block;float:none; line-height:20px;} #navigation ul li {text-align:left;} #header .logo { display:inline-block;float:none; clear:both; overflow:hidden; margin:0 auto; padding:20px 0; text-align:center;} #toolbar_social { margin:10px auto;width:100%;} .single.enabled_meta .blog_title {margin-left:150px;} .ls-wp-forceresponsive-container {display: none;} .layer_slider_responsive_wrapper {display: block; width: 100%;} .header_tagline { display: block;float: none; padding: 0 0 10px 0; text-align: center;} /* Content */ .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {float:none !important; width:auto !important;} .single .single_right_section, .full_layout .single .single_right_section, .single.enabled_meta .single_right_section { float:none; padding:0 10px; width:auto !important;} div.anythingSlider .desc_box {width:350px;} .anything_item.with_description h2 { font-weight:800;font-size:16px;} .anything_item.with_description p {line-height:16px;} .anything_item.with_description .slide_image {width:300px;} div.anythingSlider .video-wrapper{ margin:0; padding:20px 0;width:400px;} .two_col .portfolio_container, .two_col#portfolios { margin: 0 auto;width: 460px;} .three_col .portfolio_container, .three_col#portfolios { margin: 0 auto;width: 680px;} .classic_thumb .blog_info_container { display:block; float:both !important;margin:0 !important; width:100% !important;} /* Footer */ .client_slider_enabled #footer {padding-top:0 !important;} .client_slider_enabled #page {padding-bottom:0 !important;} .client_slider {visibility:hidden; width:10px; height:10px;} #footer_banner { position:relative !important; top:auto !important; left:auto !important; display:block !important; padding-bottom:30px; width:100% !important;text-align:center;} .footer_slogan { padding:40px 15px 0 15px !important; text-align:center;} .footer_tagline {position:relative !important; bottom:auto !important; left:auto !important; margin:0 auto; width:70%; } .footer_widget {float:none !important; width:100% !important; } .widgets_hr_divider {margin-left:0 !important; padding:0 !important; } .footer_widget_inner {margin:30px 40px 60px 40px;} } /* #Mobile (Landscape) ================================================== */ @media only screen and (min-width: 480px) and (max-width: 768px) { /* Main Layout */ .boxed_layout, .boxed_layout #header.fixed_header {width: 100%;} .inner{ width:440px;} .inner.newspaper_inner { margin:0 auto;width:460px ;} #footer .inner {width:100%; } #header .inner {text-align:center;} #header .logo { display:inline-block;float:none; clear:both; overflow:hidden; margin:0 auto; padding:20px 0; text-align:center;} .header_tagline { display: block;float: none; padding: 0 0 10px 0; text-align: center;} .right_sidebar #main, .left_sidebar #main .content, .right_sidebar #main .content, .left_sidebar #sidebar, .right_sidebar #sidebar {width: 445px; } .right_sidebar #sidebar .sidebar_content, .left_sidebar #sidebar .sidebar_content {padding:30px 0 20px 0 !important;} #navigation{display:none !important;} #navigation_wrapper { position:relative; right:auto; bottom:auto; display:block;width:100%;} #responsive_navigation {display:block !important;} #toolbar_social { margin:10px auto;width:100%;} .ls-wp-forceresponsive-container {display: none;} .layer_slider_responsive_wrapper {display: block; width: 100%;} .anythingControls {display:none !important;} div.anythingSlider .arrow {bottom:0;} div.anythingSlider .back { left: 0; margin:0;} div.anythingSlider .forward { right: 0; left:auto; margin:0; } div.anythingSlider .desc_box {display:none;} .with_description .slide_image { display:block; float:none;width:320px;} div.anythingSlider .video-wrapper{ float:none; margin:0 auto; padding:20px 0;width:440px; } /* Content */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{float:none !important; width:auto !important;} .single .single_right_section, .full_layout .single .single_right_section, .single.enabled_meta .single_right_section { float:none; padding:0 10px; width:auto !important;} .single.enabled_meta .blog_title {margin-left:150px;} .shortcode_blog .one_fourth {width:210px !important;} .shortcode_blog .one_third {width:294px !important;} .shortcode_blog .one_fourth, .shortcode_blog .one_third { margin:0 auto !important; text-align:center;} .shortcode_blog .one_fourth.last, .shortcode_blog .one_third.last { display:block;clear:none !important; margin:0 auto !important;} #introduce h1.title_center:before, #introduce h1.title_center:after {display:none !important;} .fancy_heading.style2:after, .fancy_heading.style2:before, .carousel_wrapper h2:before, .carousel_wrapper h2:after{display:none !important;} .creative_introduce .introduce_dominant, .creative_introduce .introduce_highlight {font-size:40px !important; line-height:40px !important;} .creative_introduce {padding:0px 10px !important;} .jcarousel-next-horizontal, .jcarousel-prev-horizontal {top:-30px !important;} .jcarousel-next-horizontal {right:203px !important;} .jcarousel-prev-horizontal {right:225px !important;} .post_author_box .author_info {width:330px;} .portfolio_container { margin:0 auto;} .one_col .portfolio_container, .one_col .portfolio_container .portfolio_item {width:480px !important;} .two_col .portfolio_container {width:460px;} .three_col .portfolio_container {width:300px;} .four_col .portfolio_container {width:220px;} .classic_thumb .blog_info_container { display:block !important; float:none !important; clear:both;margin:0 !important; width:100% !important;} .newspaper .newspaper_column {width:210px !important;} .newspaper .image_container, .newspaper .image_frame {width:190px !important;} #portfolios .portfolio_item {margin: 10px 0;} .two_col .portfolio_container, .one_col .portfolio_container, .three_col .portfolio_container, .four_col .portfolio_container{width: 440px;} .three_col .portfolio_container, .three_col#portfolios { margin: 0 auto;width: 300px;} .callout_box .button {display: block; float: none !important; margin: 0 auto !important;} .callout_box .button span {display: block;} .client_slider_enabled #footer {padding-top:0 !important;} .client_slider_enabled #page {padding-bottom:0 !important;} .client_slider {visibility:hidden; width:10px; height:10px;} #footer_banner { position:relative !important; top:auto !important; left:auto !important; display:block !important; padding-bottom:30px; width:100% !important;text-align:center;} .footer_slogan { padding:40px 15px 0 15px !important; text-align:center;} .footer_tagline {position:relative !important; bottom:auto !important; left:auto !important; margin:0 auto; width:70%; } .footer_widget {float:none !important; width:100% !important; } .widgets_hr_divider {display:none !important; } .footer_widget_inner {margin:30px 40px 60px 40px;} .sub_footer_logo { float:none !important; clear:both;margin:0 auto; } #footer_nav { display:block !important;float:none !important; clear:both; margin:0 auto;} #footer_nav ul {text-align:center;} #footer_nav li { display:inline-block;float:none !important; text-align:center;} .copyright { display:block;float:none !important; clear:both; margin:0 auto; text-align:center;} .scrolltop_button {display:none !important;} .portfolio_single_social span {display: block; width: 100%; margin: 0 0 10px 0 !important;} .commentlist {margin:0;} .commentlist li ul li {padding-left:10px;} #respond .section_row, .content .section_row { float:none;width:100%;} #respond .section_row .text_input, .content .section_row .text_input, #respond #comment {width:100%;} .introduce_wrapper {padding:0 !important;} .introduce_wrapper {padding:20px 0 0px 0 !important;} #introduce h1 { margin:0 auto 20px !important;font-size:26px !important;} } /* #Mobile (Landscape) ================================================== */ @media only screen and (max-width: 479px) { /* Main Layout */ .boxed_layout, .boxed_layout #header.fixed_header {width: 100%;} .inner{ width:280px;} #header .inner {text-align:center;} #footer .inner {width:100%; } #footer .widget_search .text_input {width:180px !important;} #header .logo { display:inline-block;float:none; clear:both; overflow:hidden; margin:0 auto; padding:20px 0; text-align:center;} .header_tagline { display: block;float: none; padding: 0 0 10px 0; text-align: center;} .right_sidebar #main, .left_sidebar #main .content, .right_sidebar #main .content, .left_sidebar #sidebar, .right_sidebar #sidebar {width: 280px; } .right_sidebar #sidebar .sidebar_content, .left_sidebar #sidebar .sidebar_content {padding:30px 0 20px 0 !important;} #navigation{display:none !important;} #navigation_wrapper { position:relative; right:auto; bottom:auto; display:block;width:100%;} #responsive_navigation {display:block !important;} .customStyleSelectBox, #responsive_navigation select, .customStyleSelectBoxInner {width:280px !important;} #toolbar_social { margin:10px auto;width:100%;} .anythingControls {display:none !important;} div.anythingSlider .arrow {bottom:0;} div.anythingSlider .back { left: 0; margin:0;} div.anythingSlider .forward { right: 0; left:auto; margin:0; } div.anythingSlider .desc_box {display:none;} .with_desc.slide_image { float:none; overflow:hidden; margin:10px auto !important;width:280px;} div.anythingSlider .video-wrapper{ float:none; margin:0 auto; padding:20px 0;width:280px;} .ls-wp-forceresponsive-container {display: none;} .layer_slider_responsive_wrapper {display: block; width: 100%;} #introduce h1.title_center:before, #introduce h1.title_center:after {display:none !important;} /* Content */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{float:none !important; width:auto !important;} .fancy_heading.style2:after, .fancy_heading.style2:before, .carousel_wrapper h2:before, .carousel_wrapper h2:after{display:none !important;} .classic_thumb .blog_info_container { display:block; float:none !important;margin:0 !important; width:100% !important;} .shortcode_blog .one_fourth, {width:210px !important;} .shortcode_blog .one_third {width:280px !important;} .shortcode_blog .one_fourth, .shortcode_blog .one_third { margin:0 auto !important; text-align:center;} .shortcode_blog .one_fourth.last, .shortcode_blog .one_third.last {clear:none !important; margin:0 auto !important;} .single .single_right_section, .full_layout .single .single_right_section, .single.enabled_meta .single_right_section { float:none; padding:0 10px; width:auto !important;} .single.enabled_meta .blog_title {margin-left:150px;} .creative_introduce .introduce_dominant, .creative_introduce .introduce_highlight {font-size:40px !important; line-height:40px !important;} .creative_introduce {padding:0px 10px !important;} .portfolio_single_social span {display: block; width: 100%; margin: 0 0 10px 0 !important;} .testimonial_slider {margin-bottom:20px !important;} .testimonial_slider .testimonial_item .testimonial_content {width:100% !important; } .testimonial_image_bg {margin:0 0 0 40px !important;} .hc_list_carousel li {margin-left: 30px;} .hc_list_carousel .hc_prev, .hc_list_carousel .hc_next {top:-20px !important;} .hc_list_carousel .hc_next {left:50% !important;} .hc_list_carousel .hc_prev {left:50% !important;margin-left: -15px; } .portfolio_container { margin:0 auto;} .portfolio_single_introduce {width:auto !important;} .one_col .portfolio_container, .one_col .portfolio_container .portfolio_item, .portfolio_item_wrapper {width:300px !important;} .two_col .portfolio_container {width:300px;} .three_col .portfolio_container {width:260px;} .four_col .portfolio_container {width:220px;} #portfolios .portfolio_item {margin: 10px 0; } .portfolio_item_wrapper { } .two_col .portfolio_container, .one_col .portfolio_container, .three_col .portfolio_container, .four_col .portfolio_container{width: 280px;} .post_author_box .author_info {width:140px;} .single_post_list h4:after, .single_post_list h4:before {display:none !important;} .single_post_list li {float:none; margin:0 auto; padding:0;} .single_bottom_meta .share_buttons { display:block;float:none;} .blog_loop.newspaper { margin:0 auto;width:230px;} .commentlist {margin:0;} .commentlist li ul li {padding-left:10px;} #respond .section_row, .content .section_row { float:none;width:100%;} #respond .section_row .text_input, .content .section_row .text_input, #respond #comment {width:100%;} .client_slider_enabled #footer {padding-top:0 !important;} .client_slider_enabled #page {padding-bottom:0 !important;} .client_slider {visibility:hidden; width:10px; height:10px;} #footer_banner { position:relative !important; top:auto !important; left:auto !important; display:block !important; padding-bottom:30px; width:100% !important;text-align:center;} .footer_slogan { padding:40px 15px 0 15px !important; text-align:center;} .footer_tagline {position:relative !important; bottom:auto !important; left:auto !important; margin:0 auto; width:70%; } .footer_widget {float:none !important; width:100% !important; } .widgets_hr_divider {display:none !important; } .footer_widget_inner {margin:15px 40px 0px 40px;} .callout_box .button {display: block; float: none !important; margin: 0 auto !important;} .callout_box .button span {display: block;} .sub_footer_logo { float:none !important; clear:both;margin:0 auto; } #footer_nav { display:block !important;float:none !important; clear:both; margin:0 auto;} #footer_nav ul {text-align:center;} #footer_nav li { display:inline-block;float:none !important; text-align:center;} .copyright { display:block;float:none !important; clear:both; margin:0 auto; text-align:center;} .scrolltop_button {display:none !important;} .introduce_wrapper {padding:10px 0 !important;} #introduce h1 { margin: 10px auto !important;font-size:26px !important;} }