


.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;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.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 */
.inner, .boxed_layout { 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 {float:none; display:inline-block; line-height:20px; text-align:left; margin: 0px 10px;}
#header .logo {float:none; clear:both; margin:0 auto; padding:20px 0; text-align:center; overflow:hidden; display:inline-block;}
.single.enabled_meta .blog_title {margin-left:150px;}


.ls-wp-forceresponsive-container {display: none;}
.layer_slider_responsive_wrapper {display: block; width: 100%;}


.header_tagline {float: none; text-align: center; display: block; padding: 0 0 10px 0;}

/* 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 { width:auto !important; float:none; padding:0 10px;}


div.anythingSlider .desc_box {width:350px;}
.anything_item.with_description h2 {font-size:16px; font-weight:800;}
.anything_item.with_description p  {line-height:16px;}
.anything_item.with_description .slide_image {width:300px;}
div.anythingSlider .video-wrapper{width:400px; margin:0; padding:20px 0;}



.classic_thumb .blog_info_container {margin:0 !important; width:100% !important; float:both !important; display:block;}
/* 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 { display:block !important; padding-bottom:30px; left:auto !important; top:auto !important; position:relative !important; 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; width:70%; margin:0 auto; }
.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 {width: 480px;}
.inner{ width:440px;}	
.inner.newspaper_inner {width:460px ; margin:0 auto;}
#footer .inner {width:100%; }
#header .inner {text-align:center;}
#header .logo {float:none; clear:both; margin:0 auto; padding:20px 0; text-align:center; overflow:hidden; display:inline-block;}
.header_tagline {float: none; text-align: center; display: block; padding: 0 0 10px 0;}

.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 {width:100%; display:block; position:relative; right:auto; bottom:auto;}
#responsive_navigation {display:block !important;}
#toolbar_social {width:100%; margin:10px auto;}

.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; margin:0; left:auto; }
div.anythingSlider .desc_box {display:none;}
.with_description .slide_image {width:320px; float:none; display:block;}
div.anythingSlider .video-wrapper{width:440px; margin:0 auto; float:none; padding:20px 0; }


/* 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 { width:auto !important; float:none; padding:0 10px;}
.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 {clear:none !important; margin:0 auto !important; display:block}
#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 {margin:0 !important; width:100% !important; float:none !important; clear:both; display:block !important;}
.newspaper .newspaper_column {width:210px !important;}
.newspaper .image_container, .newspaper .image_frame {width:190px !important;}

.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 { display:block !important; padding-bottom:30px; left:auto !important; top:auto !important; position:relative !important; 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; width:70%; margin:0 auto; }
.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 {margin:0 auto; float:none !important; clear:both; }
#footer_nav {float:none !important; margin:0 auto; display:block !important; clear:both;}
#footer_nav ul {text-align:center;}
#footer_nav li {float:none !important; display:inline-block; text-align:center}
.copyright {float:none !important; display:block; clear:both; margin:0 auto; text-align:center;}
.scrolltop_button {display:none !important;}

.commentlist {margin:0;}
.commentlist li ul li {padding-left:10px;}
#respond .section_row, .content .section_row {width:100%; float:none;}
#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 {font-size:26px !important; margin:0 auto 20px !important;}
		
	}
	
	
	
/* #Mobile (Landscape)
================================================== */

    @media only screen and  (max-width: 479px) {
		
	   
 /* Main Layout */
 .boxed_layout {width: 320px;}
.inner{ width:280px;}	


#header .inner {text-align:center;}
#footer .inner {width:100%; }
#footer .widget_search .text_input {width:180px !important;}
#header .logo {float:none; clear:both; margin:0 auto; padding:20px 0; text-align:center; overflow:hidden; display:inline-block;}
.header_tagline {float: none; text-align: center; display: block; padding: 0 0 10px 0;}

.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 {width:100%; display:block; position:relative; right:auto; bottom:auto;}
#responsive_navigation {display:block !important;}
.customStyleSelectBox, #responsive_navigation select {width:280px !important;}
#toolbar_social {width:100%; margin:10px auto;}
.anythingControls {display:none !important;}
div.anythingSlider .arrow {bottom:0;}
div.anythingSlider .back { left: 0; margin:0;}
div.anythingSlider .forward { right: 0; margin:0; left:auto; }
div.anythingSlider .desc_box {display:none;}

.with_desc.slide_image {width:280px; margin:10px auto !important; float:none; overflow:hidden;}
div.anythingSlider .video-wrapper{width:280px; margin:0 auto; float:none; padding:20px 0;}

.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 {margin:0 !important; width:100% !important; float:none !important; display:block;}

.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 { width:auto !important;  float:none; padding:0 10px;}
.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;}

.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;}	

.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 {float:none; display:block;}
.blog_loop.newspaper {width:230px; margin:0 auto;}

.commentlist {margin:0;}
.commentlist li ul li {padding-left:10px;}
#respond .section_row, .content .section_row {width:100%; float:none;}
#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 { display:block !important; padding-bottom:30px; left:auto !important; top:auto !important; position:relative !important; 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; width:70%; margin:0 auto; }
.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 {margin:0 auto; float:none !important; clear:both; }
#footer_nav {float:none !important; margin:0 auto; display:block !important; clear:both;}
#footer_nav ul {text-align:center;}
#footer_nav li {float:none !important; display:inline-block; text-align:center}
.copyright {float:none !important; display:block; clear:both; margin:0 auto; text-align:center;}
.scrolltop_button {display:none !important;}

.introduce_wrapper {padding:10px 0 !important;}
#introduce h1 {font-size:26px !important; margin: 10px auto !important;}
	}

