@charset "UTF-8";
/* CSS Document */

/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    @media only screen and (min-width:1200px) and (max-width:1400px) {		
		#main-menu ul li a { font-size:30px; }		
	}
	
    @media only screen and (min-width:960px) and (max-width:1200px) {	
		#main-menu ul li a { font-size:25px; }		
		.blog-carousel-wrapper .prev-posts { left:22px; top:21%; }
		.blog-carousel-wrapper .next-posts { right:22px; top:21%; }
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		.container { width:720px; }
		
		/*----*****---- << Top Content >> ----*****----*/
		
		#logo h1  { font-size:60px; }
		.large-icon-list li h2 { font-size:28px; }
		
		/*----*****---- << Header >> ----*****----*/
		
		#header { height:100px; }
		
		#main-menu ul li a { font-size:20px; line-height:100px; }	
		
		.fullwidthbanner { width:720px; }
		.tp-button { padding:10px 15px; font-size:14px; text-transform:none; }
		
		/*----*****---- << Main >> ----*****----*/
		
		#primary { width:480px; }
		#secondary { width:186px; padding:20px 10px; }
	
		.main-title h2 { font-size:30px; margin-top:16px; }
		.team .arc-image h3 { font-size:20px; }
		
		.blog-entry .entry-description, .blog-single-entry .entry-description { width:81%; }
		.blog-carousel-wrapper .prev-posts { left:22px; top:16%; }
		.blog-carousel-wrapper .next-posts { right:22px; top:16%; }
		.blog-carousel-wrapper .prev-posts img, .blog-carousel-wrapper .next-posts img { max-width:40px; }
		
		.mailchimp-form input[type="email"] { width:68%; }
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.container { width:420px; }
		
		.one-fourth, .one-half, .one-third, .three-fourth, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth, .column.no-space.one-fourth, .column.no-space.one-third, .column.no-space.one-half, .column.no-space.one-fifth, .column.no-space.one-sixth, .column.no-space.three-fourth, .column.no-space.two-third, .column.no-space.four-fifth, .column.no-space.three-fifth, .column.no-space.two-fifth, .column.no-space.two-sixth, .column.no-space.three-sixth, .column.no-space.four-sixth, .column.no-space.five-sixth { width:100%; }
		
	.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .one-half, .pricing-table.no-space .one-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .three-fourth, .pricing-table.no-space .two-third, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:100%; }
		
		.column { margin-bottom:20px; margin-right:0px; }
		.column.no-space { margin-bottom:0px; }
		
		/*----*****---- << Top Content >> ----*****----*/
		
		#logo h1  { font-size:40px; }
		.large-icon-list li h2 { font-size:28px; }
		
		/*----*****---- << Header >> ----*****----*/
		
		#header { height:70px; }
		
		#main-menu ul li a { font-size:14px; line-height:70px; }	
		
		.fullwidthbanner { width:420px; }
		.tp-button { padding:5px 10px; font-size:12px; text-transform:none; }
		
		/*----*****---- << Main >> ----*****----*/
		
		#primary { width:100%; margin:0px; }
		#secondary { width:366px; margin:50px 0px 0px; }
	
		.main-title h2 { font-size:20px; margin-top:16px; width:77%; }
		
		.arc-image.large { height:260px; padding:80px; width:260px; }
		.team .arc-image h3 { font-size:45px; }
		.team .arc-image h5 { bottom:30px; }
		.column .arc-image { padding:19.2% 20%; }
		
		#sorting-container a { padding:25px 7px; }
		.portfolio.one-third { width:100%; }
		.portfolio { margin-bottom:0px; }
		.portfolio.one-third .portfolio-image img { height:264px; }
		
		.blog-entry .entry-description, .blog-single-entry .entry-description { width:83%; }
		.blog-carousel-wrapper .prev-posts { left:22px; top:18.5%; }
		.blog-carousel-wrapper .next-posts { right:22px; top:18.5%; }
		.blog-carousel-wrapper .prev-posts img, .blog-carousel-wrapper .next-posts img { max-width:40px; }
		
		form .column { margin-bottom:0px; }
		.mailchimp-form input[type="email"] { width:72%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		.column .team .arc-image h3 { font-size:24px; top:24px; }
		.column .team .arc-image h5 { bottom:30px; }
		
		th { padding:10px 5px 8px; font-size:8px; text-transform:none; font-weight:normal; }
		td { padding:10px 0px; font-size:8px; }
		
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.responsivemenujs #header { height:auto; }
		.responsivemenujs .sticky-wrapper { height:auto !important; position:absolute; top:0px; z-index:9999; width:100%; }		
		.responsivemenujs #main-menu ul li { width:100%; display:block; }
		.responsivemenujs #main-menu ul li a { line-height:75px; font-size:25px; width:100%; display:block; }		
		.responsivemenujs #main-menu { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; width:100%; }
		
		#main-menu.opened { max-height: 9999px; }			
		#nav-toggle { display: block; }
		
		.container { width:220px; }
		
		.one-fourth, .one-half, .one-third, .three-fourth, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth, .column.no-space.one-fourth, .column.no-space.one-third, .column.no-space.one-half, .column.no-space.one-fifth, .column.no-space.one-sixth, .column.no-space.three-fourth, .column.no-space.two-third, .column.no-space.four-fifth, .column.no-space.three-fifth, .column.no-space.two-fifth, .column.no-space.two-sixth, .column.no-space.three-sixth, .column.no-space.four-sixth, .column.no-space.five-sixth { width:100%; }
		
	.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .one-half, .pricing-table.no-space .one-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .three-fourth, .pricing-table.no-space .two-third, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:100%; }
		
		.column { margin-bottom:20px; margin-right:0px; }
		.column.no-space { margin-bottom:0px; }
		
		/*----*****---- << Top Content >> ----*****----*/
		
		h1{ font-size:30px; }
		h2{ font-size:20px; }
		h3{ font-size:18px; }
		h4{ font-size:16px; }
		h5{ font-size:14px; line-height:24px; }
		h6{ font-size:12px; }
		
		.hr { margin:20px 0px; }
		.hr-invisible-large { margin:35px 0px; }
		
		blockquote { font-size:13px; line-height:26px; padding:3px 15% 0; }
		
		#top-content { padding:25px 0px 20px; margin-bottom:-6px; }
		#top-content .hr { margin:5px 0px; }
		#top-content .hr-invisible { margin:10px 0px; }
	
		#logo h1  { font-size:20px; }
		
		.large-icon-list li { padding-bottom:40px; }
		.large-icon-list li img { max-width:45px; max-height:38px; margin-right:10px; }
		.large-icon-list li h2 { font-size:18px; }
		.large-icon-list li span { top:37px; width:60px; }
		
		th { padding:10px 5px 8px; font-size:8px; text-transform:none; font-weight:normal; }
		td { padding:10px 0px; font-size:8px; }
		
		/*----*****---- << Header >> ----*****----*/
		
		#main-menu { width:auto; }
		
		.fullwidthbanner { width:220px; }
		.tp-button { padding:2px 5px; font-size:8px; text-transform:none; }
		
		/*----*****---- << Main >> ----*****----*/
		
		#primary { width:93%; margin:0px; }
		#secondary { width:186px; padding:10px; margin:50px 0px 0px; }
		
		.page-glow { padding-top:50px; }
		.content .wrapper { padding-bottom:50px; }
		
		.main-title { text-align:center; padding:20px 0px; }
		.main-title .title-icon { float:none; display:inline-block; margin-right:0px; }
		.main-title h2 { font-size:20px; line-height:24px; width:100%; }
		
		.arc-image.large { height:130px; padding:45px; width:130px; }
		.arc-image h2 { font-size:18px; top:13px; }
		.arc-image h3 { font-size:16px; bottom:13px; }
		.team .arc-image h3 { font-size:18px; }
		.team .arc-image h5 { font-size:16px; bottom:15px; }
		.column .arc-image { padding:18.6% 20%; }
		
		.box-content { padding:20px 3% 15px; }
		.box-content span { margin-bottom:20px; }
		
		.callout-box h2 { font-size:30px; }
		
		#sorting-container a { padding:10px 7px; }
		.portfolio.one-third { width:100%; }
		.portfolio.one-third .portfolio-image img { height:134px; }
		.portfolio { margin-bottom:0px; }
		.portfolio-description p { font-size:11px; line-height:18px; }
		
		.blog-carousel-wrapper .prev-posts { left:22px; top:8%; }
		.blog-carousel-wrapper .next-posts { right:22px; top:8%; }
		.blog-carousel-wrapper .prev-posts, .blog-carousel-wrapper .next-posts img { max-width:30px; }
		
		.blog-entry .entry-date-meta, .blog-single-entry .entry-date-meta { width:100%; margin-right:0px; }
		.blog-entry .entry-description, .blog-single-entry .entry-description { width:100%; margin:20px 0px 0px; }
		.blog-entry .entry-metadata, .blog-single-entry .entry-metadata { font-size:10px; }
		
		.blog-single-entry { padding:7px; }
		.post-pagination .next-post { float:none; }
		ul.commentlist li { padding:70px 0 0 10px; }
		
		.widget h3.widgettitle { font-size:18px; margin-bottom:20px; }
		
		form .column { margin-bottom:0px; }
		.mailchimp-form input[type="email"] { width:65%; }
		.mailchimp-form input[type="submit"] { font-size:12px; padding:16px 4px; }
		
		.copyright { text-align:center; }
		#footer .social-icons { display:inline-block; float:none; margin:10px 0px 0px; }
		
		ul.tabs-frame li a, ul.tabs-vertical-frame li a { font-size:14px; padding:10px 15px; }
		.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle { font-size:14px; }
		.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a { padding:10px 15px 10px 35px; }
		.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before { top:11px; }
		h5.toggle:before, h5.toggle-accordion:before { font-size:14px; }
		h5.toggle, h5.toggle-accordion { font-size:16px; }
		h5.toggle, h5.toggle-accordion { padding-left:20px; }
		h5.toggle:before, h5.toggle-accordion:before { top:0px; }
	}