/*
==============================================================================
	MOBILE MEDIA QUERIES
==============================================================================
*/


/*---------------------------------------------------------------------------*/
/*	Tablets - for 1035px or less
/*---------------------------------------------------------------------------*/

@media screen and (max-width: 1035px) {
	
	#secondary-menu { width: 95%;}
	
	#secondary-menu ul a { font-size: 1.4em; padding: 0 16px; }
	
	.featured .featured-details .inner { width: 95%; }
	
	#footer {font-size 8px; width: 95%;}
	
	#credits p {font-size: 10px;}
	
	#comments { width: auto; }
	
	#logo { min-height: 132px; position: static; }
	
	#load-more { width: 620px !important; }
	
	.home #home-intro { margin-right: 0; }
	
	.home #sidebar { display: none; }
	
	.search #masonry { padding: 0 }
	
	.item { margin: 0px; }
	
	.featured .camera_commands { display: none;}
	
	#main,
	#footer-inner {
	    width: auto;
	    margin: 0;
	}
	
	#header-inner {
	    width: auto;
	    max-width: 620px;
	}
	
	.page #container,
	.single #container { width: 95%; }
	
	.single.single-showcase #main {
	    width: 620px;
	    max-width: 620px;
	    margin: 0 auto;
	}
	
	#primary-menu { top: 20px }
	
	#primary-menu .split-menu { width: 160px }
	
	#primary-menu ul li { display: block; }
	
	#primary-menu ul ul { padding: 0; margin-top: -30px; }
	
	#primary-menu ul ul li:first-child { border-top: 10px solid #ddd; }
	
	#primary-menu .right-menu ul ul { margin-left: -190px !important; }
	
	#primary-menu .left-menu ul ul { margin-left: 150px !important; }
	
	#bottom,
	#page { overflow: hidden }
	
	#sidebar {
	    width: 620px;
	    margin: 0;
	}
	
	.page #sidebar,
	.single #sidebar { margin-bottom: 30px }
	
	.single #container,
	.page #container {
	    float: none;
	    margin: 0 auto 0;
	    width: 95%;
		margin-top: -2px;
	}
	
	.page #content,
	.single #content {
	    width: 100%;
	}
	
	.single #content,
	.page #content { max-width: 100% }
	
	#content { width: 100%; }
	
	#container {
	    float: none;
	    overflow: hidden;
	    margin: 0 auto 30px;
	    padding: 0;
	    width: 95%;
	}
	
	.archive #sidebar {
	    position: relative;
	    float: left;
	    width: 620px;
	}
	
	.archive #masonry { padding: 0 }
	
	.tax-group #content,
	.page.page-template-template-showcase-php #content {
	    width: 640px;
	    max-width: 640px;
	}
	
	.tax-group #container,
	.page.page-template-template-showcase-php #container {
	    width: 620px;
	    float: none;
	}
	
	.single.single-showcase #content {
	    width: 620px;
	    max-width: 640px;
	}
	
	.single.single-showcase #container {
	    width: 620px;
	    float: none;
	}
	
	.single.single-showcase #content .post-content {
	    padding-bottom: 10px;
	}
	
	.single.single-showcase #content .showcase.format-gallery .post-content {
	    padding-top: 20px;
	    margin: 0;
	}
	
	.single.single-showcase .featured-image {
	    float: none;
	    width: 620px;
	}
	
	.featured-image div .da-wrap {
		position: absolute;
	}
	
	#related .featured-image div .da-wrap { width: 220px; }
	
	#related { margin: 0 0 30px; }
	
	.archive #sidebar,
	.archive-title-item { display: none !important }
	
	.archive #masonry {
	    padding: 0;
	    margin-left: 0;
	}
	
	.tax-group #masonry { margin-left: 0 }
	
	.page-template-template-fullwidth-php #comments { max-width: 620px }
	
	.page-template-template-fullwidth-php #comments #respond {
	    width: 560px;
	    max-width: 560px;
	}
	
	.page-template-default #content .post-content, .page-template-template-specificproductpage-php #content .post-content { font-size: 1em; }
	
	.product-suite-box, .product-price-box { width: 224px; }
	
	td.product-price { width: 30%; }
	
	td.product-info-blue { width: 70%; }
	
	.advanced-slider { width: 943px !important; }
	
	.minimal-light .thumbnail-scroller.horizontal { width: 842px !important; }

	
}



@media screen
and (max-width: 1035px)
and (min-width: 681px) {

	#related { width: 580px; }
	
	#related li {
		display: inline-block;
		padding: 0 10px;
	}
	
	#footer-menu,
	#credits {
	    float: none;
	    text-align: center;
	}
	
	#footer-menu li {
	    float: none !important;
	    display: inline-block;
	    margin: 10px 0;
	}
	
	.background { display: none; }
}

/*---------------------------------------------------------------------------*/
/*	Tablets - for 800px or less
/*---------------------------------------------------------------------------*/

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

	#secondary-menu ul a { font-size: 1em; }

	table.home-caption td { font-size: 1em; }

	.featured .featured-details a.read-more { right: 133px; }

	.advanced-slider { width: 729px !important; }
	
	.minimal-light .thumbnail-scroller.horizontal { width: 630px !important; }
	
	li.thumbnail-wrapper { margin-right: 13px !important; margin-left: 0px !important;}
	
	.minimal-light .thumbnail-scroller.horizontal { margin-top: -110px; }
	
	.advanced-slider .thumbnail-scroller .visible-container { 
		width: 612px !important; 
		margin: 0;
		margin-right: 0 !important;
		left: 28px; 
	}
	
	.specifications-table td { padding: 10px 10px 10px; }
	
}

/*---------------------------------------------------------------------------*/
/*	Mobiles - for 680px or less
/*---------------------------------------------------------------------------*/

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

	table.home-caption { width: 75%; }

	#footer-menu ul li { font-size: 1.3em; 1.5em; }
	
	.footertitle { font-size: 1em; }
	
	.featured .camera_pie canvas { top: 12px !important; }
	
	#logo {
	    width: auto;
	    padding: 0;
	}
	
	#mobile-menu {
	    display: block;
	    padding: 20px 0;
		position: relative;
		top: 0px;
		z-index: 1000;
		
	}
	
	#mobile-menu select { border: 1px solid #7C7C7C; }
	
	#mobile-menu ul { display: none; }
	
	.home #home-intro { display: none; }
	
	#load-more { width: 300px !important; }
	
	#secondary-menu ul a { font-size: 1em; }
	
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth {
	    width: auto !important;
	    float: none !important;
	}
	
	#primary-menu,
	#secondary-menu { display: none }
	
	#sidebar { width: 100% }
	
	#container {
	    width: 300px;
	    padding: 0;
	}
	
	.page-template-default #content .post-content, .page-template-template-specificproductpage-php #content .post-content { padding: 0 20px 20px; }
	
	.page-template-default #content .post-content, .page-template-template-specificproductpage-php #content .post-content { font-size: 0.8em; }
	
	td#mini-immediate-download {font-size: 0.5em; }
	
	.product-suite-box, .product-price-box { width: 190px; }
	
	td#mini-product-price, td#mini-strikeout-price, td.mini-mini-icon, td.mini-suite-call { font-size: 1.2em; padding: 10px 0px 0 15px; }
	
	.single #container, .page #container { margin-top: -26px; }
	
	td.product-info-image, td.product-info-copy { font-size: 0.65em; }
	
	td.product-info-image { width: 40%; }
	
	td.product-info-copy { width: 60%: }
	
	h3.product-info-title { font-size: 1.5em; }
	
	.single.single-showcase #main { width: auto }
	
	.page #content,
	.single #content,
	.page #container,
	.single #container { }
	
	.page-template-default #content .post-header,
	.page-template-template-fullwidth-php #content .post-header,
	.single #content .post-header { padding: 20px 20px 25px; }
	
	.page-template-default #content .post-content,
	.page-template-template-fullwidth-php #content .post-content,
	.single #content .post-content,
	#comments .inner  { padding: 20px 20px 10px; }
	
	#content { width: 100% }
	
	#header { padding: 0 0 20px }
	
	.page #container,
	.single #container { width: 95%; }
	
	.page #content,
	.single #content {  }
	
	#home-title {
	    float: none;
	    margin: 0 auto 20px;
	    width: 300px;
	    text-align: center;
	}
	
	.page .hentry,
	.single .hentry {
	    
	}
	
	#single-slides,
	#single-slides .slides_container {
	    width: 300px;
	    height: auto;
	}
	
	#single-slides .slides_container img {
	    display: block;
	    width: 300px;
	    height: auto;
	}
	
	.tax-group #content,
	.page.page-template-template-showcase-php #content {
	    width: 100%;
	    max-width: 100%;
	}
	
	.tax-group #container,
	.page.page-template-template-showcase-php #container { width: 300px }
	
	.single.single-showcase #content {
	    width: 100%;
	    max-width: 100%;
	}
	
	.single.single-showcase #container { width: 300px }
	
	.single.single-showcase #content .post-content {
	    width: 260px;
	    float: none;
	}
	
	.single.single-showcase .featured-image { width: 300px }
	
	.single.single-showcase .featured-image img { width: 100% }
	
	.featured .featured-image img { margin: -50px 0 0 -50px }
	
	#slides .post-title a { color: #fff }
	
	.archive-title-item,
	#sidebar,
	#primary-menu ul ul,
	.item .featured-details .post-content,
	.item .featured-details a.read-more { display: none !important }
	
	th { padding: 5px }
	
	td { padding: 5px }
	
	#hentry-wrap { width: 300px }
	
	#archive-title { margin-right: 0; }
	
	#archive-title .inner { padding: 14px 20px }
	
	#filter li {
	    margin: 4px 0;
	    display: block;
	}
	
	.page-template-template-fullwidth-php #comments { max-width: 300px }
	
	.page-template-template-fullwidth-php #comments #respond {
	    width: 240px;
	    max-width: 240px;
	}
	
	.featured .featured-details .post-content { padding-top: 4px; }
	
	.featured .post-title a { font-size: 24px }
	
	.featured .featured-details .inner {
	    padding: 0;
	    width: 87%;
	    bottom: 40%;
		top: -74px;
	}
	
	.slider-category a { font-size: 2.5em !important; }
	
	.featured .post-title a { font-size: 4.5em !important; }
	
	table.home-caption td { font-size: 1em; }
	
	.featured .featured-details a.read-more { right: 32px; bottom: 7px; }
	
	.advanced-slider { width: 590px !important; }
	
	.minimal-light .thumbnail-scroller.horizontal { margin-top: -186px; }
	
	.minimal-light .thumbnail-scroller.horizontal { width: 477px !important; }
	
	.advanced-slider { margin: 0 -20px; }
	
	.advanced-slider .thumbnail-scroller .visible-container { left: 22px; width: 505px !important;}
	
	.specifications-title {padding: 3px 40px 0; }

	table.specifications-table { width: 97%; margin-left: 10px; }
	
	td.mini-suite-call { padding-left: 5px; padding-top: 0; }
	
	td.mini-mini-icon {padding-left: 0px; }
	
	.specifications-table td {padding-bottom: 0px; }
}

/*---------------------------------------------------------------------------*/
/*	Mobiles - for 480px or less
/*---------------------------------------------------------------------------*/


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


	.featured .featured-details .inner { width:81% }

	.featured .post-title a { font-size: 3em !important; }

	.slider-category { font-size: 0.4em !important; }

	table.home-caption td { font-size: 0.8em; padding-left: 0px; }

	.featured .featured-details .inner { top: -44px;}

	.featured .featured-details .post-content { padding-top: 10px; }

	.featured .featured-details a.read-more { right: 9px; bottom: -3px; }

	.featured .featured-details a.read-more { font-size: 10px; padding: 2px 9px; }

	#footer-menu ul { margin: 5px 7px 23px 15px; }

	.footertitle { padding-bottom: 2px; }

	.item .post-content { font-size: 1em; }

	.item .post-title a, .item .post-title { font-size: 22px; }

	.item .hentry { height: 283px; }
	
	td.caption-copy { padding-left: 0px !important; }
	
	table.home-caption { width: 100%; }


}

/*---------------------------------------------------------------------------*/
/*	Mobiles - for 320px
/*---------------------------------------------------------------------------*/

@media screen and (max-width: 330px) {
	.featured .featured-details .inner { top: -42px; }
	.featured .featured-details a.read-more { bottom: -1px; }

	td.caption-copy { padding-left: 0px !important; }

	.featured .featured-details .post-content { padding-top: 11px; }

	.featured .featured-details .inner { width: 90%; }

}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .featured .featured-details .inner { top: -100px; }
  .featured .featured-details a.read-more { right: 225px; }
  .minimal-light .thumbnail-scroller.horizontal { width: 875px !important; }
  .advanced-slider { width: 975px !important; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
    .featured .featured-details a.read-more { right: 150px; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}