/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* #Smaller than 960
================================================== */

    @media only screen and (max-width: 959px) {	
		#wt_content,
		.fullWidth #wt_content {
			padding-left: 0;
			padding-right: 0;
		}
		select.mobileMenu,
		select.dropdown-menu {
			background-color: #F8F8F8;
			border: 1px solid #E1E1E1;
			color: #919191;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGQjVCRTVDMTg4MDExRTJCMTlBODFGMjE4NjA3QUU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGQjVCRTVEMTg4MDExRTJCMTlBODFGMjE4NjA3QUU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUZCNUJFNUExODgwMTFFMkIxOUE4MUYyMTg2MDdBRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUZCNUJFNUIxODgwMTFFMkIxOUE4MUYyMTg2MDdBRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UdShXAAAAtUlEQVR42mJkYGCQ+v///zMGOgMmhgECZFs8Z86cYiDWpKvFQAvbgFQPEG8EspXoYjHQom4gVQnlqgLxHqCYOk0tBlpQAqQygPg9EL+DYlEgXkCqxYwjLlWzkBHU7cAQYgbS/8FBxsj4DUhdSUlJsaSZj4GG9wAtXcoIAUwgDBR+DcQJNA/q1NTUhH///q2Dcu8CsQvQQTdpGtQw8OPHjwQODo77TExMc4GW3iPHjAFL1QABBgA7JEHEk9f/QwAAAABJRU5ErkJggg==);
			background-position: right center;
			background-repeat: no-repeat;
			border-radius: 0 0 0 0;
			min-width: 245px;
			margin: 0 auto 20px;
			outline: medium none;
			padding: 6px 4px;
			font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
			display: block;
		}
		.wt_boxed #nav {
			margin-left: 0px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px; }		
		.is_slider #intro {
			width: 100%;
		}		
		.wt_boxed #containerWrapper {
			box-shadow: 0 0 6px rgba(0,0,0,.2); 
			-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); 
			-moz-box-shadow: 0 0 6px rgba(0,0,0,.2); 
			-o-box-shadow: 0 0 6px rgba(0,0,0,.2); 
		}
	}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#wt_page .inner,
		.fullWidth #wt_content {
			padding-left: 10px;
			padding-right: 10px;
		}				
		#wt_container,
		.fullWidth #wt_container,
		.wt_boxed #containerWrapper {
			width: 768px; /* wt_content = 748px */
		}
		.jcarousel-list,
		#footerWrapper .inner {	
			width: 748px;
		}
		#topWidgetWrapper .inner,
		#headerWrapper .inner,
		#intro .inner {
			width: 748px; /* wt_content = 748px */
			padding: 0 10px;
		}
		.fullWidth #wt_container {
			padding: 0;
		}			
		#wt_main {
			width: 528px; /* wt_mainInner = 508px */
			padding: 0;
		}
		#wt_sidebar {
			width: 220px;
		}
		.rightSidebar #wt_sidebar .widget {
			padding-right: 10px;
		}
		.leftSidebar #wt_sidebar .widget {
			padding-left: 10px;
		}
		#wt_sidebar h3 {   
			padding: 8px 10px;
		}
		.portfolio_2 .portofolio_item.one_half,
		.gallery_2 .gallery_item.one_half {			
			width: 364px;
		}
		.withSidebar .portfolio_2 .portofolio_item.one_half,
		.withSidebar .gallery_2 .gallery_item.one_half {			
			width: 244px;
		}
		.portfolio_3 .portofolio_item.one_third,
		.gallery_3 .gallery_item.one_third {
			width: 236px;
		}	
		.withSidebar .portfolio_3 .portofolio_item.one_third,
		.withSidebar .gallery_3 .gallery_item.one_third {
			width: 156px;
		}	
		.portfolio_4 .portofolio_item.one_fourth,
		.jcarousel-item,
		.gallery_4 .gallery_item.one_fourth {
			width: 172px;
		}	
		.withSidebar .portfolio_4 .portofolio_item.one_fourth,
		.withSidebar .jcarousel-item,
		.withSidebar .gallery_4 .gallery_item.one_fourth {
			width: 112px;
		}
		.portofolio_item.two_third {
			width: 410px;
		}
		.withSidebar .portofolio_item.two_third {
			width: 230px;
		}
		.portfolio_1 .portofolio_item.one_third {
			width: 318px;
		}
		.withSidebar .portfolio_1 .portofolio_item.one_third {
			width: 258px;
		}
		.portfolio_1 .portofolio_item.one_third {
			padding-left: 20px; 
		}
		.port_with_sidebar .one_fourth {
			width: 172px;
		}
		.port_with_sidebar .three_fourth {
			width: 556px;
		}		
		.withSidebar .port_with_sidebar .one_fourth {
			width: 112px;
		}
		.withSidebar .port_with_sidebar .three_fourth {
			width: 376px;
		}	
		#introType,
		#footerBottom .inner {
			padding: 10px;
		}
		#footerTop .inner {
			padding: 10px; }
		#wt_footer .inner {
			padding: 0 10px;
		}
		.fullWidth .blogEntry_metadata {
			float: none;
			width: 100%;
			margin-right: 0;
		}
		.fullWidth .blogEntry_metadata div {
			display: inline-block;
			margin-right: 10px;
		}
		
		.blog_shortcode .one_fifth { margin-right: 17px; }
				
		.fullWidth .blog_shortcode .one_fifth    { width: 136px; }
		.fullWidth .blog_shortcode .one_fourth   { width: 172px; }
		.fullWidth .blog_shortcode .one_third    { width: 236px; }
		.fullWidth .blog_shortcode .one_half     { width: 364px; }
		
		.withSidebar .blog_shortcode .one_fifth  { width: 88px;  }
		.withSidebar .blog_shortcode .one_fourth { width: 112px; }
		.withSidebar .blog_shortcode .one_third  { width: 156px; }
		.withSidebar .blog_shortcode .one_half   { width: 244px; }
				
		.isotope_shortcode .element.one_half {
			width: 244px;}
		.isotope_shortcode .element.one_third {
			width: 156px;}
		.isotope_shortcode .element.two_third {
			width: 332px;}
		.isotope_shortcode .element.one_fourth {
			width: 112px;}
		.isotope_shortcode .element.two_fourth {
			width: 244px;}
		.isotope_shortcode .element.three_fourth {
			width: 376px;}
		.isotope_shortcode .element.one_fifth {
			width: 85px;}
		.isotope_shortcode .element.two_fifth {
			width: 190px;}
		.isotope_shortcode .element.three_fifth {
			width: 295px;}
		.isotope_shortcode .element.four_fifth {
			width: 400px;}
			
		.fullWidth .isotope_shortcode .element.one_half {
			width: 364px;}
		.fullWidth .isotope_shortcode .element.one_third {
			width: 236px;}
		.fullWidth .isotope_shortcode .element.two_third {
			width: 492px;}
		.fullWidth .isotope_shortcode .element.one_fourth {
			width: 172px;}
		.fullWidth .isotope_shortcode .element.two_fourth {
			width: 364px;}
		.fullWidth .isotope_shortcode .element.three_fourth {
			width: 556px;}
		.fullWidth .isotope_shortcode .element.one_fifth {
			width: 133px;}
		.fullWidth .isotope_shortcode .element.two_fifth {
			width: 287px;}
		.fullWidth .isotope_shortcode .element.three_fifth {
			width: 440px;}
		.fullWidth .isotope_shortcode .element.four_fifth {
			width: 594px;}
		.adsWrap,
		.flickrWrap,
		.widgetPosts .postThumbs {
			text-align: center;
		}
		.adsWrap a,
		.flickrWrap .flickr_badge_image,
		.widgetPosts .postThumbs .thumb {
			float: none;
		}
		#commentform .text_input {
			max-width: 220px;
		}
		#footerWrapper .widgetPosts .postThumbs .thumb {
			margin: 0; }
		#wt_footer .widgetPosts .postThumbs {
			margin-top: 0; }
	}
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		
		.topLeft {
			width: 100%;
		}
		#wt_page .inner,
		.fullWidth #wt_content {
			padding-left: 20px;
			padding-right: 20px;
		}
		#wt_main,
		#wt_sidebar {
			width: auto !important;
			float: none !important;
		}
		#wt_main {
			margin-bottom: 20px;			
		}
		#wt_sidebar .widget {
			padding: 0 20px !important;
		}
		#topWidgetWrapper .inner,	
		#headerWrapper .inner,
		#footerWrapper .inner,
		.jcarousel-list {	
			width: 280px;
		}		
		.wt_boxed #headerWrapper .inner,
		.wt_boxed #containerWrapper,
		#wt_container,
		.fullWidth #wt_container, 
		#wt_sidebar {
			width: 320px; 
		}	
		.wt_boxed #headerWrapper .inner {
			padding: 0; }
		#wt_container {
			margin-bottom: 0;
		}
		.one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { 
			margin: 0 0 20px !important;
			float: none !important;
			width: 100%; /* do not set important here otherwise the cols with px paddings won't be displayed correctly */
		}
		.blog_shortcode .one_half, .blog_shortcode .one_third, 
		.blog_shortcode .one_fourth, .blog_shortcode .one_fifth {
			width: 100% !important;
		}
		.portfolio_1 .portofolio_item.one_third,
		.portfolio_2 .portofolio_item.one_half,	
		.withSidebar .portfolio_2 .portofolio_item.one_half,
		.portfolio_3 .portofolio_item.one_third,
		.withSidebar .portfolio_3 .portofolio_item.one_third,
		.portfolio_4 .portofolio_item.one_fourth,
		.withSidebar .portfolio_4 .portofolio_item.one_fourth,
		.portofolio_item.two_third,
		.withSidebar .portofolio_item.two_third,
		.jcarousel-item,
		.withSidebar .jcarousel-item,
		.gallery_2 .gallery_item.one_half,
		.withSidebar .gallery_2 .gallery_item.one_half,
		.gallery_3 .gallery_item.one_third,
		.withSidebar .gallery_3 .gallery_item.one_third,
		.gallery_4 .gallery_item.one_fourth,
		.withSidebar .gallery_4 .gallery_item.one_fourth,
		.port_with_sidebar .one_fourth,		
		.port_with_sidebar .three_fourth,
		.withSidebar .port_with_sidebar .one_fourth,
		.withSidebar .port_with_sidebar .three_fourth {
			width: 280px;
		}
		.styled_image {
			width: 270px !important; /* 280 - paddings and borders */
			margin: 0 0 20px !important;
		}			
		.responsivePic .styled_image {
			width: 270px !important; /* 280 - paddings and borders */
		}
		.framed_box_content .styled_image {
			width: 230px !important; /* 280 - paddings and borders */
		}
		.responsiveWp_caption .wp-caption.alignleft,
		.responsiveWp_caption .wp-caption.alignright {
			float: none;
			margin: 0 0 20px !important;
		}
		.responsiveWp_caption .wp-caption {
			width: 100% !important;
		}
		.portfolio_1 .portofolio_item.one_third {    
			padding: 0;
		}
		.responsive-nav {
			display: block;
		}
		#nav {
			float: none !important;
			background: none;
		}	
		#nav ul {
			position: absolute;
			visibility: hidden; 
		}	
		.entry_left {
			float: none;
			margin-right: 0;
			margin-top: 0;
		}
		.image_holder,
		.slide_wrap,
		.video_wrap,
		.audio_wrap {
			width: 100% !important;
		}
		#logo, #logo_text, #headerWidget, #headerWidget .widget, #topWidgetWrapper, #topWidgetWrapper .widget .blogEntry_metadata {
			float: none;
			width: 100%;
		}
		#logo {
			text-align: center;
		}
		#logo, .blogEntry_metadata {
			margin-right: 0;
		}
		#logo_text {
			margin-bottom: 20px;
		}
		#logo_text a {
			float: none;
		}
		#siteDescription {
			left: auto;
		}
		#topWidgetWrapper .inner {
			padding-top: 20px; 
		}
		#headerWidget,
		#headerWidget .widget,
		#topWidgetWrapper,
		#topWidgetWrapper .widget {
			text-align: center;
			padding: 0;
		}
		#headerWidget .widget,
		#topWidgetWrapper .widget {
			margin: 0 0 15px !important;
		}
		#topWidgetWrapper .widget_nav_menu {
			float: none; 
		}
		#headerWidget .widget_nav_menu li,
		#topWidgetWrapper .widget_nav_menu li {
			float: none;
			display: inline-block; 
		}
		#headerWidget .social_wrap_alt,		
		#topWidgetWrapper .social_wrap_alt {
			margin: 0 auto;
		}
		.searchForm {
			float: none;
			margin: 0 auto;
			text-align: center;
		}
		.blogEntry_metadata div {
			display: inline-block;
			margin-right: 10px;
		}
		.styled_image.alignleft,
		.styled_image.alignright,
		.slide_wrap.alignleft,
		.slide_wrap.alignright {
			margin: 0;
		}
		.nivo-caption,
		.flex-caption,
		.cycle-overlay {
			display: none !important;
		}
		#nivo_slider_wrap .nivo-controlNav.nivo-thumbs-enabled a,
		#nivo_slider_wrap .nivo-controlNav.nivo-thumbs-enabled img {
			width: 70px;
		}		
	    .flex-direction-nav .flex-prev,
		.nivoSlider a.nivo-prevNav,
		.cycle_slider_wrap a.cycle-prev {opacity: 1; filter:alpha(opacity=100); left: 0;}
	    .flex-direction-nav .flex-next,
		.nivoSlider a.nivo-nextNav,
		.cycle_slider_wrap a.cycle-next {opacity: 1; filter:alpha(opacity=100); right: 0;}
		
		.rev_slider_wrapper .tparrows, .rev_slider_wrapper:hover .tparrows { display: none !important; }
		.rev_slider .wt_button span, 
		.ls-layer .wt_button span {
			padding-left: 10px; 
			padding-right: 10px;
			height: 20px;
			line-height: 20px;
			font-size: 10px;
		}
		.rev_slider_wrapper .upToDate_small_image {
			margin-top: -5px;
		}				
		.fullWidth .blog_shortcode .isotope {
			margin-left: 0;
		}
		.note.alignright, .note.alignleft {
			float: none;
			margin: 0 0 20px -1px;
			width: 100% !important;
		}
		.isotope_shortcode.isotope {
			margin-left: 0;
		}
		.isotope_shortcode.isotope .element {
			width: 100%;
			margin: 0 0 20px;
		}
		.fullWidth .isotope_shortcode.isotope .element {
			width: 100%;
		}
		.styled_table.alignleft,
		.styled_table.alignright {
			float: none;
			width: 100% !important;
			margin: 0;
		}
		.styled_table .styled_table_inner {
			width: 100% !important;
			margin: 0;
		}
		.g_map.alignleft,
		.g_map.alignright {
			float: none;
			width: 100% !important;
			margin: 0 0 20px;
		}		
		#wt_sidebar .contact_form .text_input{
			max-width: 220px;
		}		
		#wt_footer .contact_form textarea  {
			max-width: 100%;
		}
		#commentform .text_input {
			max-width: 200px;
		}
		footer#copyright {
			float: none;
		}
		#footerWrapper .widgetPosts .postThumbs .thumb {
			margin: 10px 0 0 10px; }
		.tabs_wrap ul.tabs li,
		.minimal_tabs_wrap ul.tabs li {
			float: none;
		}
		.tabs_wrap ul.tabs li a,
		.minimal_tabs_wrap ul.tabs li a {
			border-right: 1px dotted #dddddd;
		}			
		.tabs_wrap ul.tabs li:last-child a,
		.minimal_tabs_wrap ul.tabs li:last-child a {
			border-bottom: 1px dotted #dddddd; 
		}
		#introType,
		#intro .breadcrumbs {
			float: none;
			width: 100%; 
		} 
		.inner #introType {
			padding-bottom: 10px; 
		}
		#intro .breadcrumbs {
			padding-top: 0;
		} 
		#intro #breadcrumbs {
			padding-top: 0;
			text-align: left; 
		} 
		.imgGroup .one_half {
			width: 100%; 
		}
		.alignright,
		.alignleft {
			float: none; }	
		#left_alignment #header .inner,	
		#left_alignment #intro .inner,
		#left_alignment #topWidget .inner,
		#left_alignment #wt_container,
		#left_alignment #footerTop .inner,
		#left_alignment #wt_footer .inner,
		#left_alignment #footerBottom .inner,
		#right_alignment #header .inner,
		#right_alignment #intro .inner,
		#right_alignment #topWidget .inner,
		#right_alignment #wt_container,
		#right_alignment #footerTop .inner,
		#right_alignment #wt_footer .inner,
		#right_alignment #footerBottom .inner {
			float: none;
			margin: 0 auto; }
	}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		#topWidgetWrapper .inner,
		#headerWrapper .inner,
		#footerWrapper .inner,
		.jcarousel-list {	
			width: 400px;
		}	
		.wt_boxed  #headerWrapper .inner,
		.wt_boxed #containerWrapper,	
		#wt_container,
		.fullWidth #wt_container, 
		#wt_sidebar {
			width: 440px;
		}		
		.portfolio_1 .portofolio_item.one_third,
		.portfolio_2 .portofolio_item.one_half,
		.withSidebar .portfolio_2 .portofolio_item.one_half,
		.portfolio_3 .portofolio_item.one_third,
		.withSidebar .portfolio_3 .portofolio_item.one_third,
		.portfolio_4 .portofolio_item.one_fourth,
		.withSidebar .portfolio_4 .portofolio_item.one_fourth,
		.portofolio_item.two_third,	
		.withSidebar .portofolio_item.two_third,
		.jcarousel-item,
		.withSidebar .jcarousel-item,
		.gallery_2 .gallery_item.one_half,
		.withSidebar .gallery_2 .gallery_item.one_half,
		.gallery_3 .gallery_item.one_third,	
		.withSidebar .gallery_3 .gallery_item.one_third,		
		.gallery_4 .gallery_item.one_fourth,
		.withSidebar .gallery_4 .gallery_item.one_fourth,
		.port_with_sidebar .one_fourth,		
		.port_with_sidebar .three_fourth,
		.withSidebar .port_with_sidebar .one_fourth,
		.withSidebar .port_with_sidebar .three_fourth {  
			width: 400px;
		}
		.styled_image {
			width: 390px !important; /* 400 - paddings and borders */
			margin: 0 0 20px !important;
		}	
		.responsivePic .styled_image {
			width: 390px !important; /* 400 - paddings and borders */
		}
		.framed_box_content .styled_image {
			width: 350px !important; /* 400 - paddings and borders */
		}
		.styled_image.alignright,
		.styled_image.alignleft {
			float: none;
		}
		.isotope_shortcode.isotope {
			margin-left: -20px;
		}
		.isotope_shortcode.isotope .element,
		.fullWidth .isotope_shortcode.isotope .element {
			width: 190px;
   			margin: 0 0 20px 20px!important;
		}
		#commentform .text_input {
			max-width: 320px;
		}
		
		.rev_slider .wt_button span, 
		.ls-layer .wt_button span {
			padding-left: 20px; 
			padding-right: 20px;
			height: 30px;
			line-height: 30px;
			font-size: 12px;
		}
		.rev_slider_wrapper .upToDate_small_image {
			margin-top: 0;
		}
		.rev_slider_wrapper:not(.fullwidthbanner-container) {
			top: -1px;
		}
		.imgGroup .one_half {
			width: 100%; 
		}
	}


	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		   only screen and (min-resolution: 144dpi) {
		/* Style adjustments for high resolution devices */
	}