#wrap,
.container,
.container.part,
.sidebar-collapse .container.part  { min-width: 320px; } 

/* ------------------------------------------------------------------------- *
 *  1023px > 0
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.container.part { background-image: none; }
	.blog .text, 
	.single .text,
	.archive .text,
	.search .text { font-size: 13px; }
}

/* ------------------------------------------------------------------------- *
 *  Tablet (Common) : 1023px > 720px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 720px) and (max-width: 1023px) {
	#header-nav { background-position: left top; }
	#nav { font-size: 11px; }
	.sidebar-expand #nav li a { padding-left: 14px; padding-right: 14px; }
	#child-menu li ul li ul li a { font-size: 13px; }
	.flex-caption { font-size: 12px; }
	
	/* page */
	#page-title h1,
	#page-title h2 { font-size: 24px; letter-spacing: -0.3px; }
	#page-image-text .caption { font-size: 28px; letter-spacing: -1px; }
	#page-image-text .description { font-size: 13px; margin-top: 2px; }
	
	/* blog */
	.blog .entry-title,
	.single .entry-title,
	.archive .entry-title,
	.search .entry-title { font-size: 20px; }
	.entry-format.link p a { font-size: 18px; }
	.entry-wrap { padding-left: 120px; }
	.entry-thumbnail  { margin: 20px 0 14px -120px; }
	.entry-thumbnail a { width: 100px; }
	
	/* frontpage */
	.flex-front .flex-caption { font-size: 17px; letter-spacing: -0.3px; }
	#front-blog .one-third { width: 50%; }
	#front-blog li:nth-child(3) { display: none; }
	.sidebar-collapse #front-blog .one-third { width: 33.3%; }
	.sidebar-collapse #front-blog li:nth-child(3) { display: block; }
	
	/* portfolio */
	#subheader-portfolio { font-size: 11px; }
	#portfolio-filter a { padding-left: 10px; padding-right: 10px; }
	#portfolio-pagination { margin-top: -6px; }
	
	/* shortcode: pricing tables */
	.pricing-table.col-2 .plan,
	.pricing-table.col-3 .plan,
	.pricing-table.col-4 .plan { width: 49.6%; }
	.plan { margin-bottom: 20px; }
	.plan.featured { margin: 0 0 20px -1px; }
	.plan.featured h3 { padding: 10px 0; }
	.plan.featured .signup { padding: 7px 0 8px; }
	.sidebar-collapse .pricing-table .plan { background: #fff; float: left; display: block; }
	.sidebar-collapse .pricing-table.col-2 .plan { width: 49.75%; }
	.sidebar-collapse .pricing-table.col-3 .plan { width: 33.1%; }
	.sidebar-collapse .pricing-table.col-4 .plan { width: 24.8%; }
	.sidebar-collapse .plan.featured { margin: -20px 0 0 -1px; }
	.sidebar-collapse .plan.featured h3 { padding: 20px 0; }
}

@media only screen and (min-width: 720px) and (max-width: 840px) {
	.main.sidebar-left { background-position: -40px; padding-left: 220px; }
	.main.sidebar-left .sidebar { margin-left: -220px; }
	.sidebar { width: 220px; }
	.submain.sidebar-left { padding-left: 220px; }
	.submain.sidebar-left .submain-sidebar { width: 220px; margin-left: -220px; }
	.submain.sidebar-right { padding-right: 220px; }
	.submain.sidebar-right .submain-sidebar { width: 220px; margin-right: -220px; }
	
	/* sidebar collapse/expand */
	#sidebar-toggle { width: 240px; }
	.sidebar-collapse #sidebar-toggle { width: 60px; }
	.main.sidebar-left.sidebar-collapse { background-position: -200px 0; padding-left: 60px; }
	.widget-title { font-size: 13px; }
	.widget	{ font-size: 12px; padding: 20px; }
	#footer-widgets .widget { padding: 0 0 20px 0; }
	
	/* widget */
	.widget_wpb_tabs .wpb-thumb-enabled a { padding-left: 46px; }
	.widget_wpb_tabs .wpb-thumb { width: 32px; margin-left: -46px; }
	.widget_wpb_tabs .list-comments .wpb-thumb-enabled a { padding-left: 46px; }
	.widget_wpb_tabs .list-comments .wpb-thumb { width: 32px; margin-left: -46px; }
	.widget_wpb_tabs .wpb-text i.meta { font-size: 12px; }
	
	/* page */
	#page-title h1,
	#page-title h2 { font-size: 22px; letter-spacing: -0.3px; }
	#page-title.huge h1,
	#page-title.huge h2 { font-size: 32px; letter-spacing: -0.7px; }
	#page-title.huge h1 span,
	#page-title.huge h2 span { font-size: 22px; letter-spacing: -0.3px; }
	
	/* blog */
	.entry-wrap { padding-left: 80px; }
	.entry-thumbnail  { margin: 20px 0 14px -80px; }
	.entry-thumbnail a { width: 60px; }	
	.entry-format.quote blockquote { font-size: 18px; }
	
	/* frontpage */
	.flex-front .flex-caption { font-size: 16px; letter-spacing: -0.3px; }
	#front-blog .one-third { width: 50%!important; }
	#front-blog li:nth-child(3) { display: none!important; }
	
	/* portfolio */
	#portfolio-size { left: 65px; }
	#portfolio-pagination { margin-top: -8px; }
	
	/* shortcode: pricing tables */
	.pricing-table.col-2 .plan,
	.pricing-table.col-3 .plan,
	.pricing-table.col-4 .plan { width: 49.6%!important; }
	.plan { margin-bottom: 20px; }
	.plan.featured { margin: 0 0 20px -1px!important; }
	.plan.featured h3 { padding: 10px 0!important; }
	.plan.featured .signup { padding: 7px 0 8px; }
}

/* ------------------------------------------------------------------------- *
 *  Tablet (Portrait) : 768px > 720px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 720px) and (max-width: 768px) {
	.pad { padding: 25px 25px 15px; }
	.entry-format { margin-left: -25px; margin-right: -25px; }
	.sidebar-expand #nav li a { padding-left: 11px; padding-right: 11px; }
	
	/* hide */
	#tagline  { display: none; }
	
	/* shortcode: grid */
	.grid { margin-right: 2.9%; }
	.sidebar-expand .grid { width: 100%; margin: 0 0 20px; width: 100%!important; }
	.content-part .hr { margin-top: 10px; }
	
	.one-half { width: 48.5%; }
	.one-third { width: 31.4%; }
	.two-third { width: 65.65%; }
	.one-fourth { width: 22.8%; }
	.three-fourth { width: 74.1%; }
	.one-fifth { width: 17.6%; }
	.two-fifth { width: 38.5%; }
	.three-fifth { width: 59%; }
	.four-fifth { width: 79.5%; }
	
	/* frontpage */
	#front-blog .one-third { width: 50%!important; }
	#front-blog li:nth-child(3) { display: none; }
	
	/* portfolio */
	#portfolio .one-half { width: 49.95%!important; }
	#portfolio .one-third { width: 33.3%!important; }
	#portfolio .one-fourth { width: 24.95%!important; }
	
	/* shortcode: google maps */
	.google-map { width: 100%!important; }
	
}


/* ------------------------------------------------------------------------- *
 *  Mobile (Common) : 719px > 0px (480px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {
	.main ,
	.submain { background-image: none!important; padding-left: 0!important; padding-right: 0!important; }
	.content,
	.content-part,
	.sidebar,
	.sidebar-collapse .sidebar { width: 100%; float: left; margin-right: 0!important; margin-left: 0!important; padding-top: 30px; }
	.content,
	.content-part { padding-top: 0; }
	.mobile-sidebar-disable .sidebar { display: none; }
	.submain-sidebar { width: 100%!important; margin-right: 0!important; margin-left: 0!important; }
	.submain-sidebar .text { padding: 0 0 20px 0!important; }
	.grid, 
	.content-part .grid { width: 100%; margin: 0 0 20px; }
	.hr { margin-top: 10px; }
		
	/* base */
	.pad { padding: 20px 20px 10px; }
	.entry-format { margin-left: -20px; margin-right: -20px; }
	.sidebar { background: #262626 url(img/sidebar-mobile.png) repeat; }
	#header { margin-left: 0; position: relative; }
	#page-title.pad { padding-bottom: 20px; }
	.select-nav { display: block; }
	#nav-topbar,
	#nav-sub { text-align: center; }
	#nav-sub li a { padding-left: 12px; padding-right: 8px; }
	#footer #copy { margin-bottom: 10px; }
	
	/* sidebar collapse/expand */
	.sidebar-collapse #header { margin-left: 0; }
	.sidebar-collapse .sidebar  ul { display: block; }
	
	/* hide */
	#sticky-footer-push,
	#tagline,
	#header-nav,
	#sidebar-toggle,
	.flex-caption { display: none; }
	
	/* page */
	#page-title { margin-top: 10px; }
	#page-title h1,
	#page-title h2 { text-align: center; font-size: 20px; letter-spacing: -0.3px; }
	#page-title.huge h1,
	#page-title.huge h2 { font-size: 38px; text-align: center; letter-spacing: -0.7px; }
	#page-title.huge h1 span,
	#page-title.huge h2 span { font-size: 26px; letter-spacing: -0.3px; }
	#page-image-text .caption { font-size: 26px; letter-spacing: -1px; }
	#page-image-text .description { font-size: 13px; margin-top: 0; }
	
	/* blog */
	.entry-category { float: none; }
	.blog .entry-title,
	.single .entry-title,
	.archive .entry-title,
	.search .entry-title { font-size: 20px; letter-spacing: -0.7px; }
	.entry-wrap { padding-left: 100px; }
	.entry-thumbnail  { margin-left: -100px; }
	.entry-thumbnail a { width: 80px; }
	
	/* blog formats */
	.format-link .text,
	.format-aside .text,
	.format-status .text { margin-top: 20px; }
	.entry-format.chat p { font-size: 14px; }
	.entry-format.chat,
	.entry-format.quote { padding-left: 20px; padding-right: 20px; }
	.format-status .text,
	.entry-format.quote blockquote { font-size: 18px; }
	.entry-format.link p { font-size: 18px; margin-top: 8px; }
	.entry-format.link p a { padding: 14px 20px; }
	.entry-format.video,
	.entry-format.audio,
	.entry-format.image,
	.entry-format.link,
	.entry-format.chat { margin-bottom: 20px; }
	
	/* comments */
	ol.commentlist li.comment ul.children li.comment,
	li.comment li #respond { padding-left: 10px; }
	
	/* frontpage */
	.front.full .flexslider { margin-top: 15px; }
	.flex-front .flex-caption { display: block; font-size: 14px; letter-spacing: -0.1px; bottom: 10px; }
	.flex-front .flex-caption.pad { padding-top: 10px; padding-bottom: 10px; }
	#front-portfolio li:nth-child(2),
	#front-portfolio li:nth-child(3) { display: none; }
	#front-blog .one-third { width: 50%!important; }
	#front-blog li:nth-child(3) { display: none; }
	
	/* portfolio */
	#portfolio .grid { margin-bottom: 0; }
	#portfolio .one-half,
	#portfolio .one-third,
	#portfolio .one-fourth { width: 49.95%!important; }
	#portfolio-size { display: none!important; }
	#portfolio-filter li { width: 49%; margin-right: 2%; }
	#portfolio-filter li:nth-child(even) { margin-right: 0; }
	#portfolio-filter a { padding-top: 3px; padding-bottom: 3px; }
	#portfolio-filter ul { top: 29px; }
	#portfolio-pagination { float: none; margin-top: 20px; margin-bottom: -10px; text-align: center; }
	#portfolio-pagination li a { font-size: 12px; padding-left: 10px; padding-right: 10px; }
	.single-portfolio #page-title h1 { float: none; }
	.single-portfolio .submain.sidebar-left .portfolio-category,
	.single-portfolio .submain.sidebar-right .portfolio-category { padding-top: 20px; }
	
	/* shortcode: hr */
	.text hr, .hr { margin-top: 26px; }
	
	/* shortcode: google maps */
	.google-map { width: 100%!important; }
	
	/* shortcode: pricing tables */
	.pricing-table.col-2 .plan,
	.pricing-table.col-3 .plan,
	.pricing-table.col-4 .plan { width: 49.6%; }
	.plan { margin-bottom: 20px; }
	.plan.featured { margin: 0 0 20px -1px; }
	.plan.featured h3 { padding: 10px 0; }
	.plan.featured .signup { padding: 7px 0 8px; }
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Portrait) : 320px
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	/* base */
	body,
	a.more-link { font-size: 13px; }
	.pad { padding: 15px 15px 5px; }
	.carousel .slides li { width: 80px!important; }
	
	/* header */
	#logo { width: 100%; float: none; text-align: center; }
	#logo a { float: none; text-align: center;}
	#logo a img { float: none; }
	.select-nav { padding: 15px; }
	
	/* page */
	#page-title { margin-bottom: 25px; }
	#page-title h1,
	#page-title h2 { text-align: center; font-size: 18px; letter-spacing: -0.3px; }
	#page-title h1 span,
	#page-title h2 span { display: block; }
	#page-title.huge h1,
	#page-title.huge h2 { font-size: 24px; letter-spacing: -0.5px; }
	#page-title.huge h1 span,
	#page-title.huge h2 span { font-size: 18px; letter-spacing: 0; }
	#page-image-text .caption { font-size: 16px; letter-spacing: -0.5px; }
	#page-image-text .description { font-size: 10px; margin-top: -10px; }
	
	/* hide */
	#header-social,
	.entry-meta li.entry-author,
	.flex-direction-nav,
	.carousel { display: none; }
	
	/* blog */
	.entry { padding-bottom: 30px; }
	.blog .entry,
	.single .entry.post,
	.archive .entry.post,
	.search .entry.post { padding: 0 0 30px 20px }
	.blog .entry-title,
	.single .entry-title,
	.archive .entry-title,
	.search .entry-title { font-size: 15px; letter-spacing: -0.3px; }
	.entry-format { margin-left: -15px; margin-right: -15px; }
	.entry-wrap { padding-left: 50px; }
	.entry-thumbnail  { margin-left: -65px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
	.entry-thumbnail a { width: 50px; }
	
	/* blog formats */
	.format-link .text,
	.format-aside .text { margin-top: 15px; }
	.format-status .text { font-size: 16px; margin-top: 15px; }
	.entry-format.chat p { font-size: 14px; }
	.entry-format.chat,
	.entry-format.quote { padding-left: 15px; padding-right: 15px; padding-top: 15px; }
	.entry-format.quote blockquote { font-size: 16px; }
	.entry-format.link p { font-size: 16px; margin-top: 8px; }
	.entry-format.link p a { padding: 12px 15px; }
	.entry-format.video,
	.entry-format.audio,
	.entry-format.image,
	.entry-format.link,
	.entry-format.chat { margin-bottom: 15px; }
	
	/* blog subheader */
	.blog #subheader-blog { margin-top: 0; }
	#subheader-blog .item-1 { width: 50%; }
	#subheader-blog .item-1 .btn-drop { margin-right: 5px; }
	#subheader-blog .item-2 { width: 50%; }
	#subheader-blog .item-2 .btn-drop { margin-left: 5px; margin-right: 0; }
	#subheader-blog .item-2 .sub-menu { left: 5px; } 
	#subheader-blog .item-3 { width: 70%; margin-top: 10px; }
	#subheader-blog .item-4 { width: 30%;  margin-top: 10px; }
	
	/* blog single */
	.entry-author-block .entry-author-avatar { width: 50px; height: auto; }
	.entry-author-block p { margin-left: 70px; }

	/* comments */
	ol.commentlist li { padding-left: 0; }
	ol.commentlist li.comment .comment-body img.avatar { display: none; }
	ol.commentlist li.comment ul.children li.comment,
	li.comment li #respond { padding-left: 5px; }
	ol.commentlist li.comment ul.children li .comment-body { padding-left: 20px; }
	ol.commentlist li.comment ul.children li .comment-body .comment-meta { left: 20px; }
	
	/* frontpage */
	.flex-front .flex-caption { font-size: 12px; bottom: 0; }
	.flex-front .flex-caption.pad { padding-top: 10px; padding-bottom: 10px; }
	#front-blog .button,
	#front-portfolio .button { float: left; margin: -15px 0 20px; }
	#front-blog .one-third { width: 100%!important; }
	#front-blog li:nth-child(3) { display: none; }
	
	/* gallery */
	.page-gallery .flexslider.flex-gallery { margin-bottom: 30px; }
	
	/* portfolio */
	#portfolio .one-half,
	#portfolio .one-third,
	#portfolio .one-fourth { width: 100%!important; }
	#portfolio-filter li { float: none; width: 100%; margin-right: 0; }
	#portfolio-filter a { padding-top: 3px; padding-bottom: 3px; }
	
	/* shortcode */
	ul.tabs-nav li a { width: 86%; padding-left: 7%; padding-right: 7%; }
	.dropcap { font-size: 56px; }
	
	/* shortcode: pricing table */
	.pricing-table.col-2 .plan, 
	.pricing-table.col-3 .plan, 
	.pricing-table.col-4 .plan { width: 100%; }
}