/*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Devices layouts (Media Queries)
--------------------------------------------------------------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------
1024px Layout: 900px
Gutters: 20px
Inherits styles from: Default Layout
-----------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8    9    10	11
Pixels    60  140  220  300  380  460  540  620  700  780	860
-----------------------------------------------------------------
*/

@media only screen and (min-width: 920px) and (max-width: 1044px) {

	.canvas { width: 900px; }
	
	nav.navigation { width: 560px; margin: 37px 0 0; }
	nav.navigation li { font-size: 12px; }
	nav.navigation li a { padding: 15px 10px; }
	nav.navigation li li a { padding: 6px 10px !important; }
	
	.slideshow { height: 367px; }
	.slideshow .slide,
	.slideshow .slide img { width: 900px !important; height: 367px; }
	.slideshow-controls a { top: 163px; }
	
	.content .page-left .content-rail,
	.content .page-right .content-rail { width: 620px; }
	
	.content .page-left .left-rail,
	.content .page-right .right-rail { width: 200px; }
	.content .page-full { width: 860px; }

	.callouts .callout-block { width: 273px; }
	.callouts .callout-image,
	.callouts .callout-image img { width: 273px; height: 109px; }
	.callouts .callout-title { font-size: 14px; }
	
	.list-posts .post-image { width: 640px; height: 231px; }
	.list-posts .post-header h2 { font-size: 18px; }
	
	.list-posts-home .post { width: 273px; }
	.list-posts-home .post-header h2 { font-size: 12px; }
	.list-posts-home .post-image { width: 273px; height: 109px; }
	.list-posts-home .post-image img { width: 273px; height: auto; }
	
	.list-portfolio .list-portfolio-container { width: 880px; }
	.list-portfolio .post { width: 273px; }
	.list-portfolio .post-header h2 { font-size: 12px; }
	.list-portfolio .post-image { width: 273px; height: 182px; }
	
	.list-portfolio-home .post { width: 156px; }
	.list-portfolio-home .post-header h2 { font-size: 12px; }
	.list-portfolio-home .post-image { width: 156px; height: 136px; }
	
	.single-portfolio .post-image { width: 900px; }
	.single-portfolio .post-video-embed iframe { width: 900px !important; }
	
	.single-portfolio .post-slideshow { width: 900px; }
	.single-portfolio .post-slideshow img { max-width: 900px; }
	
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right { width: 273px; }

	.widget-area-footer input,
	.widget-area-footer textarea { width: 251px !important; }
	.widget-area-footer .widget_contact .validation-success-quick { width: 269px; }

	.form .input-box { width: 273px; }
	.form .input-box input { width: 251px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 838px; }
	.validation-success { width: 896px; }
	
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url { width: 273px; }
	#respond input { width: 251px; }
	#respond textarea { width: 838px; }
	.page-left #respond .comment-form-author,
	.page-left #respond .comment-form-email,
	.page-left #respond .comment-form-url { width: 193px; }
	.page-right #respond .comment-form-author,
	.page-right #respond .comment-form-email,
	.page-right #respond .comment-form-url { width: 193px; }
	.page-left #respond input,
	.page-right #respond input { width: 171px; }
	.page-left #respond textarea,
	.page-right #respond textarea { width: 598px; }
	
	.content-contact iframe {width: 900px !important; }

	.page-full .one-half { width: 415px; }
	.page-full .one-third { width: 266px; }
	.page-full .two-third { width: 562px; }

	.page-left .one-half,
	.page-right .one-half { width: 295px; }
	.page-left .one-half.last,
	.page-right .one-half.last { width: 295px !important; }
	.page-left .one-third,
	.page-right .one-third { width: 186px; }
	.page-left .two-third,
	.page-right .two-third { width: 400px; }
	.page-left .one-third.last,
	.page-right .one-third.last { width: 186px !important; }
	.page-left .two-third.last,
	.page-right .two-third.last { width: 400px !important; }

}

/*
-----------------------------------------------------------------
Tablet Layout: 660px (768px)
Gutters: 20px
Inherits styles from: Default Layout
-----------------------------------------------------------------
Columns   1   2    3    4    5    6    7    8
Pixels    60  140  220  300  380  460  540  620
-----------------------------------------------------------------
*/

@media only screen and (min-width: 680px) and (max-width: 920px) {

	.canvas { width: 660px; }
	
	.image-overlay a span { background: transparent url("../images/bg-overlay-plus-small.png") center center no-repeat; }
	
	header.header { height: 170px; padding: 0; }
	header.header .header-container { padding: 0; }
	
	header.header .logo { margin: 0 0 0 20px; }
	
	nav.navigation { width: 650px; padding: 0 5px; margin: 0; background: rgba(0,0,0,0.25) }
	nav.navigation li { font-size: 12px; float: left; }
	
	nav.navigation li li a { padding: 4px 15px !important; }
	
	.slideshow { height: 269px; }
	.slideshow .slide,
	.slideshow .slide img { width: 660px !important; height: 269px; }
	.slideshow-controls a { top: 114px; }
	
	.content .page-left .content-rail,
	.content .page-right .content-rail { width: 440px; }
	
	.content .page-left .left-rail,
	.content .page-right .right-rail { width: 140px; }
	.content .page-left .left-rail .count,
	.content .page-right .right-rail .count { display: none; }
	.content .page-full { width: 620px; }
	
	.widget-area-sidebar { width: 140px; }
	
	.page-header h1 { font-size: 24px; }

	.callouts .callout-block { width: 193px; }
	.callouts .callout-image,
	.callouts .callout-image img { width: 193px; height: 77px; }
	.callouts .callout-title { font-size: 12px; }
	.callouts .callout-content .button a { font-size: 11px; }
	
	.list-posts .post-image { width: 460px; height: 166px; }
	.list-posts .post-header h2 { font-size: 16px; }
	
	.list-posts-home .post { width: 193px; }
	.list-posts-home .post-header h2 { font-size: 12px; }
	.list-posts-home .post-image { width: 193px; height: 77px; }
	.list-posts-home .post-image img { width: 193px; height: auto; }
	
	.list-portfolio .list-portfolio-container { width: 660px; }
	.list-portfolio .post { width: 193px; }
	.list-portfolio .post-header h2 { font-size: 12px; }
	.list-portfolio .post-image { width: 193px; height: 129px; }
	
	.list-portfolio-home .post { width: 108px; }
	.list-portfolio-home .post-header h2 { font-size: 12px; }
	.list-portfolio-home .post-image { width: 108px; height: 94px; }
	
	.single-portfolio .post-image { width: 660px; }
	.single-portfolio .post-video-embed iframe { width: 660px !important; }
	
	.single-portfolio .post-slideshow { width: 660px; }
	.single-portfolio .post-slideshow img { max-width: 660px; }
	
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right { width: 193px; }

	.widget-area-footer input,
	.widget-area-footer textarea { width: 171px !important; font-size: 12px; }
	.widget-area-footer .widget_contact .validation-success-quick { width: 189px; }
	
	footer.footer .copyright { width: 100%; text-align: center; }
	footer.footer .socials { display: table; margin: 0 auto; float: none; }
	footer.footer .socials ul { width: 100%; }
	footer.footer .socials li { float: none; }
	
	.page-header .form-search input { width: 120px !important; }
	
	.form .input-box { width: 193px; }
	.form .input-box input { width: 171px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 598px; }
	.validation-success { width: 616px; }
	
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url { width: 193px; }
	#respond input { width: 171px; }
	#respond textarea { width: 598px; }
	.page-left #respond .comment-form-author,
	.page-left #respond .comment-form-email,
	.page-left #respond .comment-form-url { width: 133px; }
	.page-right #respond .comment-form-author,
	.page-right #respond .comment-form-email,
	.page-right #respond .comment-form-url { width: 133px; }
	.page-left #respond input,
	.page-right #respond input { width: 111px; }
	.page-left #respond textarea,
	.page-right #respond textarea { width: 418px; }
	
	.content-contact iframe {width: 660px !important; }
	
	.page-full .one-half { width: 295px; }
	.page-full .one-third { width: 186px; }
	.page-full .two-third { width: 400px; }

	.page-left .one-half,
	.page-right .one-half { width: 205px; }
	.page-left .one-half.last,
	.page-right .one-half.last { width: 205px !important; }
	.page-left .one-third,
	.page-right .one-third { width: 126px; }
	.page-left .two-third,
	.page-right .two-third { width: 282px; }
	.page-left .one-third.last,
	.page-right .one-third.last { width: 126px !important; }
	.page-left .two-third.last,
	.page-right .two-third.last { width: 282px !important; }

}

/*
-----------------------------------------------------------------
Wide Mobile Layout: 420px (480px)
Gutters: 20px
Inherits styles from: Default Layout
-----------------------------------------------------------------
Columns   1   2    3    4    5
Pixels    60  140  220  300  380
-----------------------------------------------------------------
*/

@media only screen and (min-width: 420px) and (max-width: 680px) {

	.canvas { width: 420px; }
	
	.image-overlay a span { background: transparent url("../images/bg-overlay-plus-small.png") center center no-repeat; }
	
	.topbar { background: white; }
	.topbar .tagline { display: none; }
	.topbar .socials { float: left; }
	
	header.header { height: 170px; padding: 0; }
	header.header .header-container { padding: 0; }
	
	header.header .logo { margin: 0 0 0 20px; }
	
	nav.navigation { width: 400px; padding: 0 10px; margin: 0; background: rgba(0,0,0,0.25); }
	nav.navigation li { font-size: 12px; float: left; }
	nav.navigation li a { padding: 15px 10px; }
	
	nav.navigation li li a { padding: 4px 10px !important; }
	
	.slideshow { height: 171px; }
	.slideshow .slide,
	.slideshow .slide img { width: 420px !important; height: 171px; }
	.slideshow-controls a { top: 65px; }
	
	.content .page-left .content-rail,
	.content .page-right .content-rail { width: 380px; }
	
	.content .page-left .left-rail,
	.content .page-right .right-rail { width: 380px; }
	.content .page-full { width: 380px; }
	
	.sidebar { border-top: 5px solid rgba(0,0,0,0.1); }
	.widget-area-sidebar { width: 380px; }
	
	.page-header h1 { font-size: 18px; }

	.callouts .callout-block,
	.callouts .callout-block.last { width: 100%; padding-bottom: 20px; margin: 0 auto; border-bottom: 1px solid rgba(0,0,0,0.1); }
	.callouts .callout-block.last { border-bottom: none; }
	.callouts .callout-image,
	.callouts .callout-image img { margin: 0 auto; }
	
	.list-posts .post-image { width: 420px; height: 152px; }
	.list-posts .post-header h2 { font-size: 16px; }
	
	.list-posts-home { padding-bottom: 20px; }
	.list-posts-home .post,
	.list-posts-home .post.last { float: none; width: 300px; margin: 0 auto 20px auto !important; clear: both; }
	.list-posts-home .post-header h2 { font-size: 12px; }
	.list-posts-home .post-image { width: 300px; height: 120px; }
	
	.list-portfolio .list-portfolio-container { width: 400px; }
	.list-portfolio .post { width: 380px; text-align: center; margin: 0 auto !important; }
	.list-portfolio .post-header h2 { font-size: 12px; margin: 5px 0 10px; }
	.list-portfolio .post-image { float: none; margin: 0 auto; }

	.list-portfolio-home .post,
	.list-portfolio-home .post.last { float: none; display: block; margin: 0 auto !important; clear: both; }
	.list-portfolio-home .post-header h2 { margin-bottom: 20px; }
	
	.single-portfolio .post-image { width: 660px; }
	.single-portfolio .post-video-embed iframe { width: 660px !important; }
	
	.single-portfolio .post-slideshow { width: 660px; }
	.single-portfolio .post-slideshow img { max-width: 660px; }
	
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right { width: 380px; }

	.widget-area-footer input,
	.widget-area-footer textarea { width: 358px !important; font-size: 12px; }
	.widget-area-footer .widget_contact .validation-success-quick { width: 376px; }
	
	footer.footer .copyright { width: 100%; text-align: center; padding: 0; margin-bottom: 20px; }
	
	.socials { display: table; margin: 0 auto; float: none; }
	.socials ul { width: 100%; }
	.socials li { float: none; font-size: 10px; }
	.socials li a { padding: 5px; }
	
	.form-search { display: none; }
	
	.form .input-box { width: 380px; margin-right: 0; }
	.form .input-box input { width: 358px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 358px; }
	.validation-success { width: 376px; }
	
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url { width: 380px; margin-bottom: 0; }
	#respond input { width: 358px; }
	#respond textarea { width: 358px; }
	.page-left #respond .comment-form-author,
	.page-left #respond .comment-form-email,
	.page-left #respond .comment-form-url { width: 380px; }
	.page-right #respond .comment-form-author,
	.page-right #respond .comment-form-email,
	.page-right #respond .comment-form-url { width: 380px; }
	.page-left #respond input,
	.page-right #respond input { width: 358px; }
	.page-left #respond textarea,
	.page-right #respond textarea { width: 358px; }
	
	.content-contact iframe { width: 420px !important; }
	
	.page-full .one-half { width: 100%; margin-right: 0 !important; }
	.page-full .one-third { width: 100%; margin-right: 0 !important; }
	.page-full .two-third { width: 100%; margin-right: 0 !important; }

	.page-left .one-half,
	.page-right .one-half,
	.page-full .one-half { width: 100%; margin-right: 0; }
	.page-left .one-half.last,
	.page-right .one-half.last,
	.page-full .one-half.last { width: 100% !important; margin-right: 0 !important; }
	.page-left .one-third,
	.page-right .one-third,
	.page-full .one-third { width: 100%; margin-right: 0 !important; }
	.page-left .two-third,
	.page-right .two-third,
	.page-full .two-third { width: 100%; margin-right: 0 !important; }
	.page-left .one-third.last,
	.page-right .one-third.last,
	.page-full .one-third.last { width: 100% !important; margin-right: 0 !important; }
	.page-left .two-third.last,
	.page-right .two-third.last,
	.page-full .two-third.last { width: 100% !important; margin-right: 0 !important; }
	
}

/*
-----------------------------------------------------------------
Mobile Layout: 260px (320px)
Gutters: 20px
Inherits styles from: Default Layout
-----------------------------------------------------------------
Columns   1   2    3
Pixels    60  140  220
-----------------------------------------------------------------
*/

@media only screen and (max-width: 420px) {

	.canvas { width: 260px; }
	
	.image-overlay a span { background: transparent url("../images/bg-overlay-plus-small.png") center center no-repeat; }
	
	.topbar { display: none; }
	
	header.header { height: auto; padding: 0; }
	header.header .header-container { padding: 0; }
	
	header.header .logo { width: 220px; height: 88px; margin: 0 0 0 20px; }
	header.header .logo img { width: 220px; height: 88px; }
	
	nav.navigation { width: 260px; margin: 0; background: rgba(0,0,0,0.25); }
	nav.navigation ul { height: auto; }
	nav.navigation li { font-size: 12px; float: left; width: 260px; height: 30px; text-align: left; }
	nav.navigation li a { float: none; display: block; padding: 5px 20px; border-bottom: 1px solid rgba(255,255,255,0.05) }
	
	nav.navigation li .sub-menu,
	nav.navigation li .children { z-index: 999; width: 130px; }
	nav.navigation li li { width: 130px; }
	nav.navigation li:hover .sub-menu,
	nav.navigation li:hover .children { top: 30px; }
	
	nav.navigation li li .sub-menu,
	nav.navigation li li .children { z-index: 999; left: 130px !important; }
	
	nav.navigation li li a { font-size: 11px; padding: 4px 20px !important; }
	
	.slideshow { height: 106px; }
	.slideshow .slide,
	.slideshow .slide img { width: 260px !important; height: 106px; }
	.slideshow-controls a { top: 33px; }
	.slideshow .slide-caption { display: none; }
	
	.content .page-left .content-rail,
	.content .page-right .content-rail { width: 220px; }
	
	.content .page-left .left-rail,
	.content .page-right .right-rail { width: 220px; }
	.content .page-full { width: 220px; }
	
	.sidebar { border-top: 5px solid rgba(0,0,0,0.1); }
	.widget-area-sidebar { width: 220px; }
	
	.page-header h1 { font-size: 14px; }

	.callouts { width: 260px; }
	.callouts .callout-image,
	.callouts .callout-image img { width: 220px; height: 88px; }
	.callouts .callout-block,
	.callouts .callout-block.last { width: 220px; padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
	.callouts .callout-block.last { border-bottom: none; }
	
	.list-posts .post-image { width: 260px; height: 94px; }
	.list-posts .post-header h2 { font-size: 16px; }
	
	.list-posts-home { padding-bottom: 20px; width: 260px; }
	.list-posts-home .post,
	.list-posts-home .post.last { float: left; width: 220px; margin-bottom: 0 !important; padding-bottom: 0 !important; clear: both; }
	.list-posts-home .post-header h2 { font-size: 12px; }
	.list-posts-home .post-image { width: 220px; height: 88px; }
	
	.list-portfolio .list-portfolio-container { width: 240px; }
	.list-portfolio .post { width: 220px; text-align: center; margin: 0 auto !important; }
	.list-portfolio .post-header h2 { font-size: 12px; margin: 5px 0 10px; }
	.list-portfolio .post-image { float: none; margin: 0 auto; width: 220px; height: 147px; }

	.list-portfolio-home .post,
	.list-portfolio-home .post.last { float: none; display: block; margin: 0 auto !important; clear: both; }
	.list-portfolio-home .post-header h2 { margin-bottom: 20px; }
	.list-portfolio-home .post-image { width: 172px; height: 150px; }
	
	.single-portfolio .post-image { width: 260px; }
	.single-portfolio .post-video-embed iframe { width: 260px !important; }
	
	.single-portfolio .post-slideshow { width: 260px; }
	.single-portfolio .post-slideshow img { max-width: 260px; }
	
	.widget-area-footer-left,
	.widget-area-footer-center,
	.widget-area-footer-right { width: 220px; }

	.widget-area-footer input,
	.widget-area-footer textarea { width: 198px !important; font-size: 12px; }
	.widget-area-footer .widget_contact .validation-success-quick { width: 216px; }
	
	footer.footer .copyright { width: 100%; text-align: center; padding: 0; margin-bottom: 20px; }
	
	.socials { margin: 0; }
	.socials ul { width: 100%; }
	.socials li { float: left; font-size: 10px; border: none; }
	.socials li a { float: left; width: 210px; border-left: none !important; border-top: 1px solid rgba(255,255,255,0.05); text-align: center; display: block; padding: 5px; }
	
	.page-header .form-search { display: none; }
	
	.form .input-box { width: 220px; margin-right: 0; }
	.form .input-box input { width: 198px; }
	.form .input-box textarea,
	.form .input-box-wide textarea { width: 198px; }
	.validation-success { width: 216px; }
	
	.comments .avatar { display: none; }
	.comments .comment-author .fn { font-size: 12px; }
	.comments .comment-meta { margin-top: 0; }
	.comments .reply { top: 5px; }
	#respond .comment-form-author,
	#respond .comment-form-email,
	#respond .comment-form-url { width: 220px; margin-bottom: 0; }
	#respond input { width: 198px; }
	#respond textarea { width: 198px; }
	.page-left #respond .comment-form-author,
	.page-left #respond .comment-form-email,
	.page-left #respond .comment-form-url { width: 220px; }
	.page-right #respond .comment-form-author,
	.page-right #respond .comment-form-email,
	.page-right #respond .comment-form-url { width: 220px; }
	.page-left #respond input,
	.page-right #respond input { width: 198px; }
	.page-left #respond textarea,
	.page-right #respond textarea { width: 198px; }
	
	.content-contact iframe { width: 260px !important; }
	
	.page-full .one-half { width: 100%; margin-right: 0 !important; }
	.page-full .one-third { width: 100%; margin-right: 0 !important; }
	.page-full .two-third { width: 100%; margin-right: 0 !important; }

	.page-left .one-half,
	.page-right .one-half,
	.page-full .one-half { width: 100%; margin-right: 0; }
	.page-left .one-half.last,
	.page-right .one-half.last,
	.page-full .one-half.last { width: 100% !important; margin-right: 0 !important; }
	.page-left .one-third,
	.page-right .one-third,
	.page-full .one-third { width: 100%; margin-right: 0 !important; }
	.page-left .two-third,
	.page-right .two-third,
	.page-full .two-third { width: 100%; margin-right: 0 !important; }
	.page-left .one-third.last,
	.page-right .one-third.last,
	.page-full .one-third.last { width: 100% !important; margin-right: 0 !important; }
	.page-left .two-third.last,
	.page-right .two-third.last,
	.page-full .two-third.last { width: 100% !important; margin-right: 0 !important; }
	
}