/* *
 * Responsive CSS
 * */

@media all and (max-width: 1066px) {

	/* Shadow divider */
	.divider {
		background: url("../img/divider_left.png") no-repeat left bottom;
	}
	
	.divider:before {
		background: url("../img/divider_center.png") center bottom repeat-x;
		left: 53px;
		width: 854px;
	}

	.divider:after {
		right: 0;
	}

	/* Three column services shadow divider */
	.first-service {
		background: url("../img/divider_left.png") no-repeat left 100px;
	}

	.first-service:before {
		background: url("../img/divider_center.png") left bottom repeat-x;
		width: 277px;
		left: 53px;
	}

	.third-service {
		background: url("../img/divider_right.png") no-repeat right 100px;
		right: 0;
	}

	.third-service:after {
		background: url("../img/divider_center.png") repeat right bottom;
		left: 0px;
		width: 247px;
	}
}

@media all and (min-width: 768px) and (max-width: 959px) {
	/** #Tablet (Portrait): 768px **/
	
	.wrapper { 
		width: 728px; 
		padding: 0 20px; 
	}

	/* Columns */
	.one-half { 
		width: 354px; 
		margin-right: 20px; 
	}

	.one-third { 
		width: 232px; 
		margin-right: 16px; 
	}

	.two-third { 
		width: 480px; 
		margin-right: 16px; 
	}

	.one-fourth { 
		width: 170px; 
		margin-right: 16px; 
	} 
	
	.three-fourth { 
		width: 526px; 
		margin-right: 16px; 
	}

	.one-fifth { 
		width: 132px; 
		margin-right: 17px; 
	}

	.two-fifth { 
		width: 281px; 
		margin-right: 17px; 
	}

	.three-fifth { 
		width: 430px; 
		margin-right: 17px; 
	}
	
	.four-fifth { 
		width: 579px; 
		margin-right: 17px; 
	}
	
	/** Mixed columns **/
	.one-third .one-fifth { 
		width: 44px; 
		margin-right: 5px; 
	}

	.one-third .two-fifth { 
		width: 93px; 
		margin-right: 5px; 
	}

	.one-third .three-fifth { 
		width: 142px; 
		margin-right: 5px; 
	}

	.one-third .four-fifth { 
		width: 182px; 
		margin-right: 5px; 
	}

	.one-fourth .one-fifth { 
		width: 45px; 
		margin-right: 5px; 
	}

	.one-fourth .four-fifth { 
		width: 132px; 
		margin-right: 5px; 
	}

	.one-fourth .four-fifth.last { 
		width: 132px; 
		margin-right:0;	
	}

	.three-fourth .one-half	{ 
		width: 231px; 
		margin-right: 20px; 
	}

	/* Search */
	#searchbox {
		z-index: 9999;
	}

	#search {
		width: 10px;
		margin: 0;
		opacity: 0;
	}
		
/*	#search-label ~ #search:focus { */
	#search:focus {
		width: 170px;
		opacity: 1;
	}

	/* Slideshow */
	#ftbox { 
		height: 292px; 
	}
	
	#fttransbox, #subhdrtrans { 
		width: 822px; margin-left: -411px; 
	}

	#ftimgcnt, #subhdrcnt { 
		width: 728px; 
	}

	#ftimgcnt img { 
		width: 728px; 
	}

	/* Shadow divider */
	.divider { 
		width: 728px; 
	}

	.divider:before {
		width: 622px;
	}
	
	/* Homepage intro text */
	.home-intro h5 { 
		width: 570px; 
		line-height: 25px; 
	}
	.home-intro h5 span { 
		clear: both; 
		float: left;
	}

	/* Three column services shadow divider */
	.first-service, 
	.second-service, 
	.third-service { 
		width: 232px; 
		padding-right: 16px; 
	}
	.third-service { 
		padding-right: 0; 
	}

	.first-service:before {
		width: 195px;
	}

	.third-service:after {
		width: 179px;
	}

	/* Sidebar fixers */
	.sidebar-fix { 
		width: 728px; 
	}

	#fxr1, 
	#fxr3 { 
		left: 500px; 
	}

	#fxr2, 	
	#fxr4 { 
		left: -495px; 
	}

	#fxr1-1 { 
		left: -500px; 
	}
	
	#fxr2-1 { 
		left: 500px; 
	}
	
	/* Content and sidebars */	
	#right-content, #left-content { 
		width: 482px; 
	}

	#left-content { 
		padding-right: 0; 
	}

	#left-sidebar, 
	#right-sidebar { 
		width: 185px; margin-right: 0; 
	}

	#right-sidebar { 
		position: relative; 
		margin-left: 50px;
	}

	/* Blog */
	.entry-image { 
		max-width: 461px; 
	}

	.related-post { 
		width: 140px; 
	}

	/* Widgets */
	.popular-posts-item { 
		font-size: 10px; 
	}

	.widget-popular-posts h4 { 
		line-height: 12px; 
		font-size:12px;
	}

	.widget-popular-posts-thumb { 
		width: 39px; 
		padding: 2px; 
	}

	.widget-container ul h5 { 
		font-size: 12px; 
		margin: 0 0 3px; 
	}

	/* Image in full width page */
	.full-width img { 
		max-width: 708px; 
	}

	/* 404 page */
	.error-page-text { 
		width: 343px; 
	}
	
	/* Google map examples */
	#map_canvas { 
		width: 462px; 
	}

	#map_canvas_2 { 
		width: 165px; 
	}

	#map_canvas_3 { 
		width: 559px; 
	}

	/* Portfolio */
	.one-column-portfolio-item-box img { 
		width: 410px; 
	}

	.two-column-portfolio-item-box img { 
		width: 332px; 
	}

	.three-column-portfolio-item-box img { 
		width: 210px; 
	}

	.four-column-portfolio-item-box img { 
		width: 150px; 
	}

	.one-column-portfolio-item-title { 
		padding-top: 0; 
	}

	.one-column-portfolio-item-text	{ 
		margin-bottom: 15px; 
	}
	
	#portfolio-items, 
	#portfolio-items.three-cols { 
		width: 748px; 
	}
	
	/* Gallery */
	.gallery-item img { 
		width: 45px; 
	}
	
	#fancybox-overlay { 
		min-width: 768px; 
	}
	
	/* Comments */
	#respond { 
		width: 470px; 
	}

	#commentform input[type="text"] { 
		width: 240px; 
	}

	#commentform textarea { 
		width: 375px; 
	}

	/* Contact form business hours table */
	#business-hours table th, td { 
		line-height: 20px; 
	}
	
	/* Fb box fix - iPad portrait */
	#facebook-like-box { 
		max-width: 100%;
	}

	.fb-like-box-cnt {
		overflow: hidden;
	}

	/* Elements */
	.clear { 
		clear: both; 
		margin-top: 20px; 
	}

	.tabs-1 .tabs-nav li { 
		width: 120px; 
	}

	.tabs-1 .tabs-nav li a.current { 
		width: 90px; 
	}

	.tabs-1 .tabs-list-wrap {
		 width: 240px; 
	}

	.pricing-table-1 .pricing-table-title { 
		font-size: 18px; 
	}

	.pricing-table-1 .pricing-table-header { 
		height: 136px; 
	}

	.pricing-table-1 .featured .pricing-table-header { 
		height: 156px; 
	}

	.pricing-table-1 .features-list	{ 
		width: 140px; top: 136px; 
	}

	.pricing-table-1.pricing-table-column-4 .pricing-column { 
		width: 146px; 
	}

	.pricing-table-2.pricing-table-column-4 .pricing-column { 
		width: 170px; 
	}
	
	.pricing-table-2.pricing-table-column-4 .pricing-table-content { 
		padding: 5px; 
		font-size: 11px;
	}
	
	.pricing-table-2.pricing-table-column-3 .pricing-column { 
		margin-right: 16px; 
		width: 232px; 
	}

	.pricing-table-2.pricing-table-column-3 .pricing-column.last { 
		margin-right: 0; 
	}

	/* Footer social items */
	.social-item a 				{ margin-right: 10px; }

	#masthead, #main, #footer-sidebar > .wrapper, #sub-footer > .wrapper { padding: 0; }

	img { 
		max-width:100%; 
		height:auto; 
	}

	pre { 
		font-size: 9px; 
	}
}

@media all and (max-width: 767px) {
	/*  #Mobile (Portrait): Design for a width of 320px */

	.wrapper { 
		width: 300px; 
	}
	
	.mobile-clear { 
		clear: both;
	}
	
	/* Columns */
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.three-fourth .one-half,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { 
		width: 300px; 
		margin-right: 0; 	
		margin-bottom: 20px; 
		clear: both; 
	}
	
	/* These will work just fine on smaller screens */
	.one-fourth .one-fifth,
	.one-fourth .four-fifth,
	.one-third .one-fifth,
	.one-third .four-fifth{ 
		float: left;
		clear: none; 
	}

	#sub-header h1 { 
		padding: 0 0 12px; 
	}
	
	/* Dropdown menu */
	#mini { 
		padding: 10px 0; 	
		display: block; 
	}
	
	#mini-nav { 
		display: block; 
	}

	#nav { 
		display: none;
	}
	
	/* Logo */
	#branding { 
		float: none; 
	}	

	#site-title { 
		height: 80px; 
		line-height: 80px; 
	}
  
	#site-title p { 
		padding-top: 25px; 
	}

	#searchbox { 
		top: 25px; 
	}

	/* Homepage intro text */
	.home-intro h5 { 
		width: 160px; 
		line-height: 25px; 
		font-size: 14px; 
	}

	.home-intro h5 span { 
		clear: both; 
		float: left;
	}

	.item-box img { 
		width: 100%; 
	}

	/* Sidebar fixers */
	#fxr1, 
	#fxr2, 
	#fxr3, 
	#fxr4, 
	#fxr1-1, 
	#fxr2-1 { 
		background: none; 
		left: 0px; 
	}

	#fxr1-1:before, 
	#fxr1-1:after, 
	#fxr1:before, 
	#fxr1:after { 	
		background: none; 
	} 

	/* Three column services shadow divider */
	.first-service, 
	.second-service, 
	.third-service { 
		background: url("../img/divider_left.png") left 100px no-repeat; 
		width: 300px; 
		padding: 0; 	
	} 

	.first-service:before, 
	.second-service:before, 
	.third-service:before {
		background: url("../img/divider_center.png") left bottom repeat-x;
		width: 194px;
		left: 53px;
		right: auto;
	}

	.first-service:after, 
	.second-service:after, 
	.third-service:after {
		background: url("../img/divider_right.png") right bottom no-repeat;
		right: 0;
		left: auto;
	}

	/* Content and sidebars */	
	#left-content { 
		width: 300px; 
	}
	
	#right-content { 
		width: 300px; 
		padding-left: 0; 
	}

	#right-sidebar { 
		margin-left: 0; 
	}

	/* Blog */
	.entry-image { 
		width: 278px; 
	}
	
	.entry-title { 
		font-size: 16px; 
	}

	/* Widgets */
	.xoxo { 
		margin-top: 50px; 
	}
	
	.widget-container { 
		margin-bottom: 40px; 
	}	
	
	li.popular-posts-item { 
		font-size: 12px; 
		margin-bottom: 0; 
	}
	
	.widget-popular-posts-thumb { 
		margin-bottom: 5px;
	}

	/* 404 page */
	.error-page-heading { 
		width: 100%; 
		margin: 0; 
		text-align: center; 
	}

	.error-page-heading h2 { 
		padding-top: 0; 
	}
	
	.error-page-text { 
		width: 240px; 
	}
	
	.error-page-text:before { 
		top: -24px; 
		left: 50%; 
		margin: 0 0 0 -40px; 
		transform: rotate(0deg); 
		-moz-transform: rotate(0deg); 
		-webkit-transform: rotate(0deg); 
		-ms-transform: rotate(0deg); 
		-o-transform: rotate(0deg); 
	}
	
	/* Portfolio */
	.one-column-portfolio-item-title { 
		padding-top: 0; 
	}

	.one-column-portfolio-item-box	{ 
		padding: 0; 
	}

	.portfolio-item-image { 
		width: 280px; 
	}

	#portfolio-items { 
		width: 310px; 
	}

	#portfolio-items .one-half,
	#portfolio-items .one-third,
	#portfolio-items .one-fourth { 
		width: 145px; 
		margin-right: 10px; 
		float: left; 
		clear: none; 
	}

	#portfolio-items .one-half img,
	#portfolio-items .one-third img,
	#portfolio-items .one-fourth img { 
		width: 122px;
	}

	#portfolio-items .one-half:nth-child(2n),
	#portfolio-items .one-third:nth-child(2n),
	#portfolio-items .one-fourth:nth-child(2n),  
	.one-fourth.four-column-portfolio-item-box:nth-child(2n) { 
		margin-right:0; 
	}
	
	#portfolio-items.three-cols { 
		width: 300px;
	}
	
	.one-third.three-column-portfolio-item-box  { 
		width: 258px; 
		margin: 0 20px 25px; 
	}

	.one-third.three-column-portfolio-item-box.last  { 
		margin-bottom: 0; 
	}

	.one-third.three-column-portfolio-item-box img { 
		width: 238px; 
	}

	.one-fourth.four-column-portfolio-item-box  { 
		width: 140px; 
		margin-right: 20px; 
		clear: none;
	}

	.one-fourth.four-column-portfolio-item-box img { 
		width: 120px; 
	}
	
	/* Comments */
	#respond { 
		width: 100%;
	}

	#commentform textarea { 
		width: 215px; 
	}
	
	#commentform input[type="text"]	{ 
		width: 160px; 
	}
	
	#commentform label { 
		padding: 0; 
		text-align: left;
	}

	.portfolio-item .form-submit,
	.form-submit { 
		margin:0; 
		width:auto;
	}
		
	/* Contact */
	#map_canvas { 
		width: 100%; 
	}

	#map_canvas_3 { 
		width: 280px; 
	}
	
	#contact-form label { 
		float: left; 
	}

	#contact-form input[type="text"] { 
		width: 160px; 
		padding: 5px 10px; 
		float: left; 
		clear: both; 
	}
	
	#contact-form textarea { 
		width: 300px; 
		padding: 10px; 
		clear: both;
	}
	
	#contact-form .two-third { 
		margin-bottom: 0;
	}
	
	/* Elements */
	table td, table th {
		padding: 5px;
	}

	.tabs-1 .tabs-nav li { 
		width: 100px; 
	}

	.tabs-1 .tabs-nav li a.current { 
		width: 80px; 
	}

	.tabs-1 .tabs-list-wrap { 
		width: 150px; 
	}

	.pricing-table-1 .features-list { 
		display: none; 
	}

	.pricing-table-2.pricing-table-column-3 .pricing-column {
		margin: 0 67px 25px;
	}

	.pricing-table-2.pricing-table-column-4 .pricing-column { 
		margin: 0 108px 25px;
	}

	.pricing-table-1.pricing-table-column-4 .pricing-column {
		margin-bottom: 25px;
	}	
	
	.ios-sldier { 
		height: 150px; 
	}

	/* Footer */
	#footer-nav { 
		float: left; 
		margin-top: 20px; 
	}

	#footer-nav li a { 
		padding: 0 20px 0 0; 
	}

	#sub-footer { 
		line-height: 1; 
		padding: 20px 0;
	}
	
	#sub-footer p { 
		line-height: 16px; 
		padding: 0;
	}
	
	#sub-footer .social p { 
		line-height: 24px; 
		margin: 23px 0 0; 
		padding:0;
	}

	#footer .social { 
		float:left; 
	}

	#footer .widget-title { 
		margin: 20px 0; 
	}

	#masthead, #main, #footer-sidebar > .wrapper, #sub-footer > .wrapper {	padding: 0; }

	img { 
		max-width: 100%; 
		height: auto;
	}

	pre { 
		display: none; 
	}
}

@media all and (min-width: 480px) and (max-width: 767px) {
	/* Mobile Landscape: Design for a width of 480px */
	.wrapper { width: 460px;}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { 
		width:460px; 
	}

	/* Slideshow */
	#ftbox { 
		height: 292px; 
	}

	#fttransbox, #subhdrtrans { 
		width: 516px; 
		margin-left: -258px; 
	}

	#ftimgcnt { 
		width: 460px; 
	}
	
	#subhdrcnt { 
		width: 420px; 
	}
	
	#ftimgcnt img { 
		width: 460px; 
	}

	/* Shadow divider */
	.divider { 
		width: 460px; 
		background: url("../img/divider_left.png") no-repeat left bottom; 
	}
	
	.divider:before { 
		left: 53px; 
		width: 354px; 
		background: url("../img/divider_center.png") center bottom repeat-x; 
	}

	.home-intro h5 { 
		width: 335px; 
		line-height: 25px; 
		font-size: 14px; 
	}

	.home-intro h5 span { 
		clear: both; 	
		float: left;
	}

	.first-service, 
	.second-service, 
	.third-service { 
		width: 460px; 
	}

	.first-service:before, 
	.second-service:before, 
	.third-service:before {
		width: 354px;
	}

	.home-intro .button.medium { 
		font-size: 14px; 
	}

	/* Content */
	.sidebar-fix { 
		width: 480px; 
	}
	
	#right-content { 
		width: 460px; 
		padding-left: 0; 
	}
	
	#left-content { 
		width: 460px; 
		padding-right: 0; 
	}

	.error-page-text { 
		width: 400px; 
	}

	/* Blog */
	.entry-image { 
		width: 440px; 
	}

	.related-post { 
		width: 133px; 
	}

	/* Portfolio */
	.portfolio-item-image { 
		width: 440px; 
	}

	.one-third.three-column-portfolio-item-box { 
		width: 258px; 
		margin: 0 100px 20px; 
	}

	.one-fourth.four-column-portfolio-item-box { 
		width: 220px; 
		margin-right: 20px; 	
		clear: none;
	}

	.one-fourth.four-column-portfolio-item-box img { 
		width: 200px; 
	}

	.three-cols-portfolio,
	.four-cols-portfolio,
	#portfolio-items { 
		width: 480px; 
	}

	#portfolio-items .one-half,
	#portfolio-items .one-third,
	#portfolio-items .one-fourth, 	
	.four-cols-portfolio .one-fourth { 
		width: 220px; 
		margin-right: 20px; 
		float: left; 
		clear: none; 
	}

	#portfolio-items .one-half img,
	#portfolio-items .one-third img,
	#portfolio-items .one-fourth img, 
	.four-cols-portfolio .one-fourth img { 
		width: 208px;
	}

	#portfolio-items .one-third {
		width: 258px;
	}

	#portfolio-items .one-third img {
		width: 238px;
	}

	.three-cols-portfolio .one-third { 
		margin: 0 100px 20px; 
	}
	
	.three-cols-portfolio .one-third img { 
		width:288px; 
	}
	
	#portfolio-items.three-cols { 
		width: 480px;
	}
	
	.one-column-portfolio-item-title { 
		padding-top: 0; 
	}

	/* Comments */
	#commentform textarea { 
		width: 375px; 
	}
	
	#commentform input[type="text"]	{ 	
		width: 200px; 
	}

	/* Concact */
	#contact-form input[type="text"] { 
		width: 300px; 
	}
	
	#contact-form textarea { 
		width: 460px;
	}

	#map_canvas_3 { 
		width: 	440px; 
	}

	/* Elements */
	.tabs-1 .tabs-nav li { 
		width: 110px; 
	}

	.tabs-1 .tabs-nav li a.current { 
		width: 90px; 
	}

	.tabs-1 .tabs-list-wrap { 
		width: 300px; 
	}

	#accordion-3 { 	
		width: 460px !important; 
	}

	.pricing-table-1 {
		margin: 0 45px;
	}
	

	
}

@media all and (max-width: 479px) {

	/* Slideshow */
	#ftbox { 
		height: 292px; 
	}

	#fttransbox, #subhdrtrans { 
		width: 336px; 
		margin-left: -168px; 
	}

	#ftimgcnt, #subhdrcnt { 
		width: 300px; 
	}

	#subhdrcnt { 
		font-size: 18px; 
		padding-left: 20px; 
	}

	#ftimgcnt img { 
		width: 300px; 
	}

	/* Search */
	#searchbox {
		z-index: 9999;
	}

	#search {
		width: 0;
		margin: 0;
		opacity: 0;
	}
		
	#search:focus {
		
		width: 100px;
		opacity: 1;
	}

	/* Shadow divider */
	.divider { 
		width: 300px; 
		background: url("../img/divider_left.png") no-repeat left bottom; 
	}

	.divider:before { 
		left: 53px; 
		width: 194px; 
		background: url("../img/divider_center.png") center bottom repeat-x; 
	}

	/* Reset bottom margin from 60 to 35 */
	.divider.mb60mt-35 {
		margin-bottom: 35px;
	}
	/* Reset bottom margin from 50 to 30 */
	.row.mb50 { 
		margin-bottom: 30px; 
	}
 
	/* homepage intro text and button */
	.home-intro h5 { 
		width: 100%; 
		line-height: 25px; 
		font-size: 13px; 
	}

	.home-intro a {
		clear: both;
		float: left;
	}
	
	.home-intro .button.medium {
		display: block;
		margin-top: 15px;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}

	.item-box { 
		margin-bottom: 15px; 
	}

	/* Sidebar fixer */
	.sidebar-fix { 
		width: 320px; 
	}

	/* Blog */
	.related-post { 
		margin-bottom: 25px; 
	}

	.post .comments-link { 
		float: left; 
		margin-top: 4px; 
	}
	
	/* Widgets */
	.popular-posts-item { 
		font-size:10px; 
	}

	.widget-popular-posts h4 { 
		line-height: 12px;
		font-size:12px; 
	}

	/* Portfolio */
	#portfolio-items .one-third {
		width: 258px;
	}

	#portfolio-items .one-third img {
		width: 238px;
	}

	/* Elements */
	.pricing-table-1 {
		margin: 0 57px;
	}

	.pricing-table-1 .featured.pricing-column { 
		margin-top: 20px; 
	}

	.pricing-table-2.pricing-table-column-3 .pricing-column {
		width: 280px;
		margin: 0 10px 25px;
	}

	.pricing-table-2.pricing-table-column-4 .pricing-column { 
		margin: 0 36px 25px;
	}

	.pricing-table-1.pricing-table-column-4 .pricing-column {
		margin-bottom: 25px;
	}	

	/* Footer */
	#footer-nav li a { 
		font-size: 12px; 
	}
}