/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Responsive Styling
 */


/* MOBILES PORTRAIT */
@media only screen and (max-width:479px) {
	
	.newsline { display: none !important }
	.slide .hidden-phone-landscape,
	.slide .hidden-tablet { display:none }

	/* main */
	#slideshow { min-width:300px }
	.main-inner { min-width:280px } 
	
	/* disable tools */
	#panel-wrapper {display:none}

	/* topbar */
	 #topbar .main-inner { }
	 .today {display:none}
	 
	#contact { display:block; width: 100% }

	#header .main-inner {padding: 10px 20px}

	#bottom-wrapper .main-inner {padding-top:0}

	/* spotlights */
	.spotlight.columns-1 .modulebox {width: 100%}
	.spotlight.columns-2 .modulebox {width: 100%}
	.spotlight.columns-3 .modulebox {width: 100%}
	.spotlight.columns-4 .modulebox.last,
	.spotlight.columns-4 .modulebox {width: 100%}


	/* modules & content */
	div.moduletable, .component-wrapper {
		margin-bottom: 0 !important 
	}

	#top-wrapper div.moduletable:first-child { /*margin-top: 0 !important;*/ }

	#content.hr .component-wrapper,
	#content.hl .component-wrapper,
	#content.hl.hr .component-wrapper {margin-left:0; margin-right:0}

	#left,
	#right,
	#content.hl,
	#content.hr {width: 100%; float:left;}
	#content.hr.hl {width: 100%; float:left;}
	#content.hr.hl .component-wrapper {margin-left:0; margin-right:0}

	#content.hl,
	#content.hr,
	#content.hr.hl,
	#left.hl, #right.hr,
	#left.hl.hr, #right.hl.hr { width: 100% }

	#content #left-inner {width:100%; float:none; margin-right: 0}

	#left.hl.hr div.moduletable .inner, #left.hl div.moduletable .inner,
	#right.hl.hr div.moduletable .inner, #right.hr div.moduletable .inner,
	#left div.moduletable .inner,
	#right div.moduletable .inner,
	#content.hl.hr div.moduletable .inner {margin: 0}

	#header .main-inner,
	#mainnav-wrapper .main-inner,
	#pathway .main-inner { width: auto}
	#mainnav-wrapper.main { position: absolute }
	
	/* slider 
	#slideshow.hopa, #slideshow.hopa .slider .slider-canvas li > div { margin-top: 95px }*/

	/* typo */
	.typo-pre-title,
	.typo-table.horizontal thead tr th {
		line-height: 1.5;
		padding: 5px 15px;
	}

	.blog h2 { margin-bottom: 10px; line-height:1 }

	.hidemobile { display: none }

	#top-wrapper{padding-top: 30px !important }
	#content, #left, #right {
		padding-top: 0
	}

	#topmenu { float:none; text-align:center }

	#topmenu li { margin: 0 5px}

	/* logo */
	h1.logo, h1.custom-logo, h1.retina-logo { width: 120px !important; padding: 10px 0 0 0 }
	h1.logo a { background-size: 100% !important; padding: 0; width: 120px !important }
	h1.custom-logo a, h1.retina-logo a { width: 120px !important; height: auto !important }
	
	
	#header-1 { width: 100%; text-align:center; margin:0 }
	#header-2 li i.icon-facebook {
		width: 0.6em;
	}

	.social-icons li a { padding: 7px}
	.social-icons li i.social-icon-stumble-upon { padding-right: 3px; margin-left: -2px }
	
	#header-1 p, #header-1 ul,
	#header-2 p, #header-2 ul {margin:0}

	.contact form fieldset dt {
		width: 100%; padding: 0
	}

	/* mainnav */
	.mainnav .menu > li.deeper ul {padding: 0}

	.mainnav .main-inner { overflow:hidden }
	.mainnav ul.menu { display: none }
	.mainnav ul.menu.mini { display: block; width: 100%; padding: 0 }

	.mainnav ul.menu.mini ul.menu.open {display: block }

	.mainnav .mini * {
		-moz-transition: none !important; 
		-webkit-transition: none !important; 
		transition: none !important;
	}
	.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; border: 0}

	.mainnav ul.mini  > li { border-right: 0; width: 100%; background: none}
	.mainnav .menu > li.deeper ul li {padding: 0; margin: 0}

	.mainnav li.mini li,
	.mainnav .menu > li.deeper.active ul li,
	.mainnav li.mini.deeper.parent ul.menu > li {
		display: block; clear:both; float:none; box-shadow:none; -webkit-box-shadow:none;
		border-bottom: 1px solid #ddd !important; border-right: 0; background:none; margin: 0; padding: 0
	}

	.mainnav .menu > li.active { box-shadow:none; -webkit-box-shadow:none; background-color: transparent !important}
	.mainnav .mini li.active > a {color: #fff !important}

	.mainnav ul.menu > li.active.deeper ul {background-color: transparent !important}

	#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li:last-child,
	#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li li:last-child { border-bottom: 0 !important; border-top: 0; background:none }

	.mainnav .menu li ul li a {
		color: #ccc; 
	}

	.mainnav li.mini ul.menu > li > a {border:0; float:none;}

	.mainnav li.mini.deeper > ul { 
		opacity: 1 !important;

		margin-left: 0; margin-top: 45px; left: 0; top: 0; 
		opacity: 1; filter: alpha(opacity=100); display:none
	}

	.mainnav .menu li.deeper ul {width: 100%; opacity: 1 !important; max-width: 100% !important;}


	/* below */
	.mainnav ul.menu li.deeper li.deeper:hover > ul {
		left: 0; top: 0;
		margin-left: auto;
		opacity: 1; filter: alpha(opacity=100);
		position: relative;
		max-width: 100% !important;
	}

	.mainnav .menu > li > a { margin: 0 20px }
	.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0; left:0;top:0;float:left; margin-bottom: 1.5em; margin: 0 }

	.mainnav ul.menu.mini li.mini > ul.menu { border-top: 1px solid #ddd !important }
	.mainnav .menu > li.deeper ul {background: none}

	.mainnav ul.menu.mini li ul.menu li ul,
	.mainnav ul.menu.mini li ul.menu li ul li ul  {
		position:relative; left:auto; top: auto; 
		margin-top:0; margin-left:0; border:0; display:none;
		opacity: 1; filter: alpha(opacity=100);
		border-top: 1px solid #ddd;
	}
	
	.mainnav .menu > li.deeper ul.nav-child > li:nth-child(2n),
	.mainnav .menu > li.deeper ul.nav-child { background: none }
	.mainnav .menu > li.parent ul.nav-child li.parent > a:before { content: "" }

	.mainnav ul.menu.mini { margin-bottom: 0 !important; margin-top: -45px;}

	.mainnav .menu > li.deeper ul li { background-color: transparent }
	.mainnav .menu > li ul li:hover > a {text-decoration: none; color:#fff}
	.mainnav .menu > li ul > li:hover > a { color: #fff !important }
	
	.logo-menu .mainnav ul.menu.mini > li.mini > a { float: right }
	
	.mainnav ul.menu.mini > li.mini > a { 
		height: 26px;
		line-height: 26px;
		margin: -90px 0 7px;
		padding: 95px 7px 2px;
		color: #ccc;
		float: left; 
		background: #444;
	}
	.mainnav ul.menu.mini > li.mini > a:hover,
	.mainnav ul.menu.mini > li.mini > a.active { 
		color: #333 !important;
		background: #ccc;
	}

	.menu-logo .mainnav ul.menu > li.deeper > ul:before {left: 16px; right: auto }

	.mainnav ul.menu > li.deeper > ul:before {left: auto; right: 16px; border-bottom-color: #eee;}
	.mainnav .menu > li.active ul > li.active:before,
	.mainnav ul.menu li.deeper li.deeper > ul:before {border:0}

	.mainnav ul.menu.mini > li.mini > a.active,
	.mainnav ul.menu.mini > li.mini:hover > a { color: #fff }
	.mainnav .menu ul li.active > a { color:#fff !important }

	.mainnav ul.menu.mini li a {text-transform:uppercase; box-shadow:none !important; -webkit-box-shadow:none !important;}

	.mainnav ul.menu.mini li ul.menu li a {border: 0 !important; background: none}

	.mainnav ul.menu.mini li ul.menu a { display:inline-block; text-transform:uppercase; width: auto !important; border:0; padding:0; padding-left: 0; height: 35px; line-height: 35px; padding: 0 }
	.mainnav ul.menu.mini li ul.menu li ul li a { display:inline-block; padding-left:35px; text-transform:none; }
	.mainnav ul.menu.mini li ul.menu li ul li ul li a { display:inline-block; padding-left:45px; text-transform:none; }
	.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a { display:inline-block; padding-left:55px; text-transform:none; }

	.mainnav .mini li ul li.active {background-color: transparent !important; background-image: none !important;}

	.mainnav .mini li ul li:hover,
	.mainnav .mini li ul li.active:hover, 
	.mainnav .mini li ul li.active:active, 
	.mainnav .mini li ul li.active:focus { background-image: none !important;}

	.mainnav ul.menu li.parent li.parent li.parent > ul,
	.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none /*!important;*/}


	/* arrows */
	.menu li ul li.deeper {background-image: none;}

	.menu li ul li ul li > a {
		background-image: url(../../images/arrow-b.png);
		background-position: 24px 13px;
		background-repeat: no-repeat;
	}

	.menu li ul li ul li.parent.active > a {color: #fff}

	.menu li ul li ul li ul li > a {background-position: 35px 13px;}
	.menu li ul li ul li ul li ul li > a {background-position: 45px 13px;}
	.menu li ul li ul li ul li ul li ul li > a {background-position: 55px 13px;}

	.mainnav .menu > li.active ul > li.active,
	#mainnav-wrapper .menu li.active ul > li.deeper.active {background: none !important}

	#mainnav-wrapper {
		background: url(../../images/pb.png) left top repeat !important
	}	

	 /* typography */
	body {
		padding: 0;
		-webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
	}


	h2.itemTitle, h3.catItemTitle,
	h3, .column h3, .typo-column h3,
	div.moduletable h3, div.login h1:first-child,
	.blog-featured h1:first-child, .item-page h1:first-child, 
	.contact h1:first-child, .blog h1:first-child, .componentheading, 
	div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}

	div.moduletable span.mod-desc { margin:0 }

	.typo-column .typo-img-wrap {width: 96% !important}

	.typo-colswrap.cols-2 .typo-column,
	.typo-colswrap.cols-3 .typo-column,
	.typo-colswrap.cols-4 .typo-column {
		margin: 0 !important;
		width: 100% !important;
		clear:both;
	}

	.css3-columns2,
	.css3-columns3,
	.css3-columns4 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
	}

	.item-page.news .article-image-wrapper {
		float: none;
		margin: 25px 15px 0 0;
		width: 100%;
		clear: both
	}	

	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item,

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item,

	div.default-blog.items-row.cols-4 div.blog-item,
	div.blog div.items-row.cols-4 div.blog-item,
	div.news div.items-row.cols-4 div.news-item,
	div.gallery div.items-row.cols-4 div.gallery-item,
	div.portfolio div.items-row.cols-4 div.portfolio-item,

	div.default-blog.items-row.cols-3 div.blog-item,
	div.blog div.items-row.cols-3 div.blog-item,
	div.news div.items-row.cols-3 div.news-item,
	div.gallery div.items-row.cols-3 div.gallery-item,
	div.portfolio div.items-row.cols-3 div.portfolio-item,

	div.default-blog.items-row.cols-2 div.blog-item,
	div.blog div.items-row.cols-2 div.blog-item,
	div.news div.items-row.cols-2 div.news-item,
	div.gallery div.items-row.cols-2 div.gallery-item,
	div.portfolio div.items-row.cols-2 div.portfolio-item,

	div.default-blog.items-row.cols-1 div.blog-item,
	div.blog div.items-row.cols-1 div.blog-item,
	div.news div.items-row.cols-1 div.news-item,
	div.gallery div.items-row.cols-1 div.gallery-item,
	div.portfolio div.items-row.cols-1 div.portfolio-item  { width: 100%; }

	div.portfolio.cols-2 div.itemContainer,
	div.portfolio.cols-3 div.itemContainer,
	div.portfolio.cols-4 div.itemContainer,
	div.portfolio.cols-5 div.itemContainer,
	div.portfolio.cols-6 div.itemContainer {width: 100%}

	.items-leading div .btn-group,
	.blog-item div .btn-group {display: none}


	/* Search */
	.phrases-box, .ordering-box {width:100%; float:none;}
	.ordering-box  {margin-top:1.5em;}
	
	#search { margin: 30px 0 0; clear: both; width: 100% }

	div.top-links div > a { padding: 7px 16px }

	#search .search {
	  border: none;
	}

	#search, #search div.search,
	#search form { width: 100%; display: block}
	
	#search .inputbox,
	#search .inputbox:hover, #search .inputbox:focus {width: 100%; padding: 10px 0}

	#search .button {
	  display: none;
	}

	div.container-scroller {width:100%}


	/* other */
	table.acymailing_form {
		width: 100%;
	}

	table.acymailing_form input.inputbox {
		padding: 5px 0 5px 10px;
		width: 95%;
	}

	.contact-form label#jform_contact_email_copy-lbl {
		width: 150px;
	}

	.container-main ul li {
		background-position: left 8px;
	}

	/* price tables */
	td.space,
	.vertical-table th:first-child,
	.vertical-table th.first,
	.vertical-table td:first-child,
	.vertical-table td.first {display:none}
	.vertical-table .button {font-size: 10px; display:block; padding:0px !important}
	span.table-price {
		font-size: 24px;
	}
	span.table-price-line {
		font-size: 11px;
	}
	span.table-price-heading {
		font-size: 9px;
	}

	div.contact textarea, 
	div.contact input {width:100%}

	div.contact fieldset {padding:0; margin:0 0 1.5em}

	/* pagination */
	li.pagination-prev a,
	li.pagination-prev span,
	li.pagination-prev a,
	li.pagination-next span,
	li.pagination-next a,
	li.pagination-start span,
	li.pagination-start a,
	li.pagination-end span,
	li.pagination-end a { display:block !important}

	div.pagination { float: left }
	div.pagination ul {
		float: left;
		margin: 1.5em 0 /*0*/;
	}


	.breadcrumbs { display:none !important }
	.breadcrumbs a {display:none;}
	.breadcrumbs span.showHere {display:none}
	#footer-social { display:none;}

	#social { float:none; clear:both; margin:0}
	#social ul { padding: 7px 0; border-top: 1px solid #555; margin: 0; float:left; width: 100%}
	.social-icons li i { }


	.social-icons li {display:inline-block; float:left; margin: 0}
	.social-icons li.first, .social-icons li.first a{ }
	.social-icons li.last, .social-icons li.last a{ }

	.social-icons li:hover span.social-text { text-indent: -6em; }
	.top-links span.social-text { display:none }

	.social-icons { float: left; clear: both; margin: 15px 0 0 }

	span.designedby {
		clear: both;
		float: left;
		width: 100%;
	}
	
	/* share */
	#sharing-modal h3 { font-size: 20px }
	#sharing-modal h3 small { clear: both; display: inline-block }
	.sharrre .box { 
		width: 50px; height: 50px; 
	}
	.sharrre .social-icon {
		font-size: 30px;
		left: 14px;
		line-height: 25px;
	}	
	#stumbleupon-share .social-icon {
		left: 9px;
	}
	.sharrre .count {
		margin-top: 7px;
	}
	
	div.top-link {
		border-radius: 5px 5px 0 0;
		bottom: 0;
		right: 25px; 
	}
	div.top-link:hover a{ color: #ccc}

	#gototop {font-size: 30px;}

	.recaptchatable .recaptcha_image_cell, 
	#recaptcha_image, #recaptcha_image img {width: 245px !important; height: auto !important;}
	.recaptchatable td {background:none !important;}
	#recaptcha_image {position:relative; float:left; margin:0; padding:0}
	#recaptcha_image img {border:1px solid #ddd !important; border-radius: 3px; -webkit-border-radius: 3px;}
	#recaptcha_table .recaptcha_input_area {margin-left: 0 !important}

	#recaptcha_table .recaptcha_r3_c1,
	#recaptcha_table .recaptcha_r2_c1 {display:none;}

	div.portfolio #itemListLeading, div.portfolio #itemListPrimary, 
	div.portfolio #itemListSecondary {margin-bottom: 0}

	#footernav { margin-top: 20px; width:100%; clear:both;}
	#footernav ul.menu > li { padding: 0; border: 0}

	#feedback-wrapper,
	#login-wrapper {width: 80%; min-width: 280px; margin: 0 auto !important}

	/* DNP News */
	ul.dnp_news.horizontal.cols-2 li {width: 100%}
	ul.dnp_news.horizontal.cols-3 li {width: 100%}
	ul.dnp_news.horizontal.cols-4 li {width: 100%}
	ul.dnp_news.horizontal img{width: 100%}
	
	.mod-desc + [id*="module-"] .nsNext, .mod-desc + [id*="module-"] .nsPrev, 
	.mod-desc + .box-ct .nsNext, .mod-desc + .box-ct .nsPrev	{top: 0}
	
	div.top-links { float: none; text-align: center }
	div.top-links div { float: none }
}

/* MOBILES LANDSCAPE */
@media only screen and (min-width:480px) and (max-width:767px) {
	
	.slide .hidden-tablet,
	.hidden-phone-landscape { display:none }

	/* disable tools */
	#panel-wrapper {display:none !important}


	/* topbar */
	 #topbar .main-inner {padding: 0 20px; max-width: 100%;}
	 .today {display:none}
	 
	 #topmenu {
		clear: both;
	}

	#contact { display:block; width: 100% }
	 
	#mainnav-wrapper .main-inner {width: auto}

	/* spotlights */
	.spotlight.columns-1 .modulebox {width: 100%}
	.spotlight.columns-2 .modulebox {width: 49.9%}
	.spotlight.columns-2 .modulebox.links {width: 100%}
	.spotlight.columns-3 .modulebox {width: 49.9%}
	.spotlight.columns-4 .modulebox.last,
	.spotlight.columns-4 .modulebox {width: 49.9%}
	.columns-3 .modulebox.last { clear: both }

	/* modules & content */
	div.moduletable, .component-wrapper { }

	#content-top .moduletable ol:last-child, #content-top .moduletable p:last-child, 
	#content-top .moduletable pre:last-child, #content-top .moduletable blockquote:last-child, 
	#content-top .moduletable ul:last-child, #content-top .moduletable dl:last-child, 
	#content-top .moduletable dt:last-child, #content-top .moduletable dd:last-child { }

	#content.hr .component-wrapper,
	#content.hl .component-wrapper,
	#content.hl.hr .component-wrapper {margin-left:0; margin-right:0}

	#content.hl,
	#content.hr {width: 100%; float:left;}
	#content.hr.hl {width: 100%; float:left;}

	#content #left-inner {width:100%; float:none; margin-right: 0}

	#right {width: 100%;}
	#left {width: 100%;}

	#left.hl.hr, #right.hl.hr { width: 49.9% }
	#left.hl, #right.hr {
		float: left;
		width: 100%;
	}

	#left.hl.hr div.moduletable .inner, #left.hl div.moduletable .inner,
	#right.hl.hr div.moduletable .inner, #right.hr div.moduletable .inner,
	#left div.moduletable .inner,
	#right div.moduletable .inner,
	#content.hl.hr div.moduletable .inner {margin: 0}

	#top-wrapper{padding-top: 50px !important }
	#content, #left, #right {
		padding-top: 0
	}

	#content.hr.hl .component-wrapper {margin-left:0; margin-right:0}

	.contact form fieldset dt {
		width: 100%; padding: 0
	}

	.mainnav .menu > li > a {
		margin: 0 10px;
	}
	 
	/* logo */
	h1.logo, h1.custom-logo, h1.retina-logo { width: 140px !important }
	h1.logo a { background-size: 100% !important; padding: 0; width: 140px !important }
	h1.custom-logo a, h1.retina-logo a { width: 140px !important; height: auto !important }
	
	#header-2,
	#header-1 {clear: none; margin-top: 2px }
	#header-1 {float: left }

	#header-1 p, #header-1 ul,
	#header-2 p, #header-2 ul {margin:0}
	 
	 /* typography */ 
	/* fonts */
	body {
	  /*font-size: 14px;*/
	  padding: 0;
	  -webkit-text-size-adjust: 100%;
	}

	.blog h2 { margin-bottom: 0;  line-height:1}

	.typo-pre-title,
	.typo-table.horizontal thead tr th {
		line-height: 1.5;
		padding: 5px 15px;
	}

	h2.itemTitle, h3.catItemTitle,
	h3, .column h3, .typo-column h3,
	div.moduletable h3, div.login h1:first-child,
	.blog-featured h1:first-child, .item-page h1:first-child, 
	.contact h1:first-child, .blog h1:first-child, .componentheading, 
	div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}

	div.moduletable span.mod-desc { margin:0 }

	.typo-column .typo-img-wrap {width: 95% !important}

	.typo-colswrap.cols-2 .typo-column {}
	.typo-colswrap.cols-3 .typo-column {width: 49.2% !important; margin:0 !important /*1.5% 0 0*/} 
	div.item-page  .typo-colswrap.cols-3 .typo-column {width: 49.5% !important; margin:0 !important /*1.5% 0 0*/} 
	.typo-colswrap.cols-3 .typo-column:last-child {margin:0 !important; }
	.typo-colswrap.cols-4 .typo-column { width: 49.2% !important; margin:0 !important }
	div.item-page  .typo-colswrap.cols-4 .typo-column { width: 49.5% !important; margin:0 !important /*1.5% 0 0*/ }


	.css3-columns3,
	.css3-columns4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-moz-column-gap: 15px;
		-webkit-column-gap: 15px;
	}

	.item-page.news .article-image-wrapper {
		float: none;
		margin: 25px 15px 0 0;
		width: 100%;
		clear: both
	}

	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item,

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item,
	
	div.default-blog.items-row.cols-4 div.blog-item,
	div.blog div.items-row.cols-4 div.blog-item,
	div.news div.items-row.cols-4 div.news-item,
	div.gallery div.items-row.cols-4 div.gallery-item,
	div.portfolio div.items-row.cols-4 div.portfolio-item { width: 49.6%;}

	div.default-blog.items-row.cols-3 div.blog-item,
	div.blog div.items-row.cols-3 div.blog-item,
	div.news div.items-row.cols-3 div.news-item,
	div.gallery div.items-row.cols-3 div.gallery-item,
	div.portfolio div.items-row.cols-3 div.portfolio-item { width: 49.6%;}

	div.default-blog.items-row.cols-2 div.blog-item,
	div.blog div.items-row.cols-2 div.blog-item,
	div.news div.items-row.cols-2 div.news-item,
	div.gallery div.items-row.cols-2 div.gallery-item,
	div.portfolio div.items-row.cols-2 div.portfolio-item { /*width: 48%;*/}

	div.default-blog.items-row.cols-1 div.blog-item,
	div.blog div.items-row.cols-1 div.blog-item,
	div.news div.items-row.cols-1 div.news-item,
	div.gallery div.items-row.cols-1 div.gallery-item,
	div.portfolio div.items-row.cols-1 div.portfolio-item { /*width: 100%;*/}

	.items-leading div .btn-group,
	.blog-item div .btn-group {display: none}

	/* dnp porftolio */
	div.portfolio.cols-2 div.itemContainer,
	div.portfolio.cols-3 div.itemContainer,
	div.portfolio.cols-4 div.itemContainer,
	div.portfolio.cols-5 div.itemContainer,
	div.portfolio.cols-6 div.itemContainer {width: 49.9%}
	
	.columns-3 .modulebox:nth-child(3n) { clear: both }
	.columns-4 .modulebox:nth-child(3n) { clear: both }

	/* Search */
	.phrases-box, .ordering-box {width:100%; float:none;}
	.ordering-box  {margin-top:1.5em;}

	#search .search {
	  border: none;
	}

	#search { float: left }
	#pathway br { display: none }

	#search .inputbox,
	#search .inputbox:hover,
	#search .inputbox:focus {  width: 90% }

	#search .button {
	  display: none;
	}

	div.contact fieldset {padding:0; margin:0 0 1.5em}

	/* mainnav */
	#mainnav-wrapper.main { position: absolute }
	.mainnav ul.menu.mini { margin-bottom: 10px !important; margin-top: -30px;}

	.mainnav .menu > li.deeper ul li { background-color: transparent }
	.mainnav .menu > li ul li:hover > a { text-decoration: none; color:#fff }
	.mainnav .menu > li ul > li:hover > a { color: #fff !important }

	.logo-menu .mainnav ul.menu.mini > li.mini > a { float: right }
	
	.mainnav ul.menu.mini > li.mini > a { 
		height: 26px;
		line-height: 26px;
		margin: -90px 0 7px;
		padding: 95px 7px 2px;
		color: #ccc;
		float: left; 
		background: #444;
	}
	.mainnav ul.menu.mini > li.mini > a:hover,
	.mainnav ul.menu.mini > li.mini > a.active { 
		color: #333 !important;
		background: #ccc;
	}

	.menu-logo .mainnav ul.menu > li.deeper > ul:before {left: 16px; right: auto }
	.mainnav ul.menu > li.deeper > ul:before {left: auto; right: 16px; border-bottom-color: #eee }
	.mainnav .menu > li.active ul > li.active:before,
	.mainnav ul.menu li.deeper li.deeper > ul:before {border:0}

	.mainnav ul.menu.mini > li.mini > a.active,
	.mainnav ul.menu.mini > li.mini:hover > a {  color: #fff }

	.mainnav .main-inner {overflow:hidden;}
	.mainnav ul.menu {display: none }
	.mainnav ul.menu.mini {display: block; width: 99.9%; padding: 0}

	.mainnav ul.menu.mini ul.menu.open {display: block }

	.mainnav .mini * {
		-moz-transition: none !important; 
		-webkit-transition: none !important; 
		transition: none !important;
	}
	.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; border: 0}

	.mainnav ul.mini  > li { border-right: 0; width: 100%; background: none}

	.mainnav .menu > li.deeper ul {padding: 0}

	.mainnav li.mini li,
	.mainnav .menu > li.deeper.active ul li,
	.mainnav li.mini.deeper.parent ul.menu > li {
		display: block; clear:both; float:none; box-shadow:none; -webkit-box-shadow:none;
		border-bottom: 1px solid #ddd !important; border-right: 0; background:none;
		padding:0; margin:0
	}

	.mainnav .menu > li.active { box-shadow:none; -webkit-box-shadow:none; background-color: transparent !important}
	.mainnav .mini li.active > a {color: #fff !important}

	.mainnav ul.menu > li.active.deeper ul {background-color: transparent !important}
	
	.mainnav .menu > li.deeper ul.nav-child > li:nth-child(2n),
	.mainnav .menu > li.deeper ul.nav-child { background: none }
	.mainnav .menu > li.parent ul.nav-child li.parent > a:before { content: "" }

	#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li:last-child,
	#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li li:last-child {border-bottom: 0 !important; border-top: 0; background:none}
	 
	.mainnav li.mini ul.menu > li > a {border:0 !important; float:none;}

	.mainnav li.mini.deeper > ul { 
		margin-left: 0; margin-top: 45px; left: 0; top: 0; 
		opacity: 1; filter: alpha(opacity=100); display:none
	}

	.mainnav .menu li.deeper ul {width: 100%; opacity: 1 !important; max-width: 100% !important;}

	.mainnav .menu > li.deeper ul li {padding:0; margin:0}

	.mainnav .menu > li.deeper ul li a { margin: 0 20px }
	.mainnav .menu > li.deeper ul > li a { padding:0 }
	.mainnav ul.menu.mini li ul.menu li ul li a {margin:0}

	/* below */
	.mainnav ul.menu li.deeper li.deeper:hover > ul {
		left: 0; top: 0;
		margin-left: auto;
		opacity: 1; filter: alpha(opacity=100);
		position: relative;
		max-width: 100% !important;
	}

	.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0 !important; left:0;top:0;float:left; margin-bottom: 1.5em; margin: 0 }

	.mainnav ul.menu.mini li.mini > ul.menu { border-top: 1px solid #ddd !important }
	.mainnav .menu > li.deeper ul {background: none}

	.mainnav ul.menu.mini li ul.menu li ul,
	.mainnav ul.menu.mini li ul.menu li ul li ul  {
		position:relative; left:auto; top: auto; 
		margin-top:0 !important; margin-left:0; border:0; display:none;
		opacity: 1; filter: alpha(opacity=100);
	}
	.mainnav .mini li ul li.active, 
	.mainnav .mini li ul li.active:hover, 
	.mainnav .mini li ul li.active:active, 
	.mainnav .mini li ul li.active:focus { }
	.mainnav .menu ul li.active > a { color:#fff !important }

	.mainnav ul.menu.mini li ul.menu li a {border: 0 !important; background: none}

	.mainnav ul.menu.mini li a { display:inline-block; text-transform:uppercase; box-shadow:none !important; -webkit-box-shadow:none !important;}
	.mainnav ul.menu.mini li ul.menu a { display:inline-block; text-transform:uppercase; width: auto !important; color: #ccc; line-height: 35px; height: 35px; padding: 0 }
	.mainnav ul.menu.mini li ul.menu li ul li a {display:inline-block; padding-left:30px; text-transform:none; }
	.mainnav ul.menu.mini li ul.menu li ul li ul li a { display:inline-block; padding-left:40px; text-transform:none; }
	.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a { display:inline-block; padding-left:50px; text-transform:none; }

	.mainnav .menu > li.active ul > li.active,
	.mainnav .mini li ul li.active { background: none !important;}

	.mainnav .mini li ul li:hover,
	.mainnav .mini li ul li.active:hover, 
	.mainnav .mini li ul li.active:active, 
	.mainnav .mini li ul li.active:focus { background-image: none !important;}

	.mainnav ul.menu li.parent li.parent li.parent > ul,
	.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none }

	.mainnav ul.menu li.parent li.parent li.parent:hover > ul,
	.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > ul {border-color:#444}

	/* arrows */
	.menu li ul li.deeper {background-image: none;}

	.menu li ul li ul li > a {
		background-image: url(../../images/arrow-b.png);
		background-position: 20px 13px;
		background-repeat: no-repeat;
	}

	.menu li ul li ul li ul li > a {background-position: 30px 13px;}
	.menu li ul li ul li ul li ul li > a {background-position: 40px 13px;}
	.menu li ul li ul li ul li ul li ul li > a {background-position: 60px 13px;}

	#mainnav-wrapper .menu li.active ul > li.deeper.active {background-image: none !important}

	#mainnav-wrapper {
		background: url(../../images/pb.png) left top repeat !important
	}	


	/* other */
	table.acymailing_form {
		width: 100%;
	}

	table.acymailing_form input.inputbox {
		padding: 5px 0 5px 10px;
		width: 95%;
	}

	.contact-form label#jform_contact_email_copy-lbl {
		width: 150px;
	}

	.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
		width: 200px;
	}

	#search-form #finder-search input.inputbox {
		margin-bottom: 5px;
	}

	.newsfeed-category td.item-link {
		width: 100px;
		word-break: break-all;
	}

	/* price tables */
	td.space,
	.vertical-table th:first-child,
	.vertical-table th.first,
	.vertical-table td:first-child,
	.vertical-table td.first {display:none}
	.vertical-table .button {font-size: 11px;}
	span.table-price {
		font-size: 36px;
	}

	/* pagination */
	.pagination li span,
	.pagination li a {display:none !important}

	li.pagination-prev a,
	li.pagination-prev span,
	li.pagination-prev a,
	li.pagination-next span,
	li.pagination-next a,
	li.pagination-start span,
	li.pagination-start a,
	li.pagination-end span,
	li.pagination-end a { display:block !important}

	div.pagination { float: left }
	div.pagination ul {
		float: left;
		margin: 1.5em 0;
	}

	#footernav {
		width:100%; clear:both; margin-top: 15px
	}

	#footernav ul.menu > li { padding: 0 2% 0 0}

	#social { float:none; clear:both; margin:0}
	#social ul { padding: 7px 0; border-top: 1px solid #555; margin: 0; float:left; width: 100%}
	.social-icons li i {margin-top: 2px}

	.social-icons li {display:inline-block; float:left; margin: 0}

	.social-icons li:hover span.social-text { text-indent: -6em; }

	div.top-link {
		border-radius: 5px 5px 0 0;
		bottom: 0;
		right: 25px; 
	}
	#gototop {font-size: 30px;}
	div.top-link:hover a{ color: #ccc}

	.social-icons { float: left; clear: both; margin: 15px 0 0 }
	span.designedby {
		clear: both;
		float: left;
		width: 100%;
	}
	.alert.specials .pull-right {
		margin: 0;
	}
	.alert.specials .btn-large { padding: 5px 10px }
	
	.breadcrumbs {bottom: 2px}
	.breadcrumbs a {display:none;}
	.simple .breadcrumbs { border: 0 }

	#footer-social {
		float: left;
		margin: 0 -30px 15px 0;
		width: 320px; clear:both
	}

	#feedback-wrapper,
	#login-wrapper {width: 80%; min-width: 280px; margin: 0 auto !important}

	/* DNP portfolio */
	div.portfolio-item {width: 49.7%}

	/* DNP News */
	ul.dnp_news.horizontal.cols-2 li {width: 49.98%}
	ul.dnp_news.horizontal.cols-3 li {width: 49.98%}
	ul.dnp_news.horizontal.cols-4 li {width: 49.98%}
	
	.mod-desc + [id*="module-"] .nsNext, .mod-desc + [id*="module-"] .nsPrev, .mod-desc + .box-ct .nsNext, .mod-desc + .box-ct .nsPrev	{top: 0}
}


/* TABLET */
@media only screen and (min-width:768px) and (max-width:979px) {
	.hidden-tablet { display: none }
	
	 /* main layout */
	 .main-inner { width:auto }

	.main-inner { 
		max-width: 100%
	}

	.spotlight .main-inner { max-width: 100% }

	/* headings */
	h2.itemTitle, h3.catItemTitle,
	h3, .column h3, .typo-column h3,
	div.moduletable h3, div.login h1:first-child,
	.blog-featured h1:first-child, .item-page h1:first-child, 
	.contact h1:first-child, .blog h1:first-child, .componentheading, 
	div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}
	div.moduletable span.mod-desc { margin:0 }



	/* spotlights */
	.spotlight.columns-1 .modulebox {width: 100%}
	.spotlight.columns-2 .modulebox {width: 49.9%}
	.spotlight.columns-3 .modulebox {width: 33.2%}
	.spotlight.columns-4 .modulebox.last,
	.spotlight.columns-4 .modulebox {width: 33.2%}

	.spotlight.columns-4 .modulebox.last {clear: both}
	.columns-4 .modulebox.last { clear: both }


	#left.hl.hr div.moduletable .inner, #left.hl div.moduletable .inner,
	#right.hl.hr div.moduletable .inner, #right.hr div.moduletable .inner,
	#left div.moduletable .inner,
	#right div.moduletable .inner,
	#content.hl.hr div.moduletable .inner {margin: 0}

	#content.hl,
	#content.hr { width: 100%; max-width: 67%; float:left }

	#left.hl,
	#right.hr { min-width: auto; width: 100%; max-width: 33%; float:left }

	#left.hl.hr,
	#right.hl.hr { min-width: auto; width: 100%; max-width: 49.9%; float:left }

	#content.hr.hl { width: 100%; max-width: 100%; float:left }

	#right { width:100%; min-width: 220px; max-width: 49.9% }
	#left { width:100%; min-width: 220px; max-width: 49.9% }

	#content.hl.hr div.moduletable .inner {
		margin: 0;
	}
	#content.hl.hr .component-wrapper {
		margin: 1.5em 0;
	}

	/* mainnav */
	#mainnav .menu {	white-space: nowrap }

	/* responsive menu */
	ul.mini.menu {display:none;}

	.mainnav .menu > li.deeper ul {margin-left: 0}

	.mainnav .menu.nav > li {
		margin-right: 15px;
	}

	.contact form fieldset dt {
		width: 100%; padding: 0
	}

	/* typography */
	/* font */
	body {
		padding: 0;
		-webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
	}
	.typo-column .typo-img-wrap {width: 95% !important}
	.typo-colswrap.cols-4 .typo-column:last-child .typo-img-wrap {/*width: 33.2% !important*/}
	.typo-colswrap.cols-4 .typo-column:last-child .typo-img-wrap div {width: 100%}

	.typo-colswrap.cols-4 .typo-column {	width: 32.5%; margin:0 } 
	div.item-page .typo-colswrap.cols-4 .typo-column { width: 33%; margin:0 } 

	
	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item,

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item,

	div.default-blog.items-row.cols-4 div.blog-item,
	div.blog div.items-row.cols-4 div.blog-item,
	div.news div.items-row.cols-4 div.news-item,
	div.gallery div.items-row.cols-4 div.gallery-item,
	div.portfolio div.items-row.cols-4 div.portfolio-item { width: 33%;}

	div.default-blog.items-row.cols-3 div.blog-item,
	div.blog div.items-row.cols-3 div.blog-item,
	div.news div.items-row.cols-3 div.news-item,
	div.gallery div.items-row.cols-3 div.gallery-item,
	div.portfolio div.items-row.cols-3 div.portfolio-item { width: 33%;}

	div.default-blog.items-row.cols-2 div.blog-item,
	div.blog div.items-row.cols-2 div.blog-item,
	div.news div.items-row.cols-2 div.news-item,
	div.gallery div.items-row.cols-2 div.gallery-item,
	div.portfolio div.items-row.cols-2 div.portfolio-item{ /*width: 48%;*/}

	div.default-blog.items-row.cols-1 div.blog-item,
	div.blog div.items-row.cols-1 div.blog-item,
	div.news div.items-row.cols-1 div.news-item,
	div.gallery div.items-row.cols-1 div.gallery-item,
	div.portfolio div.items-row.cols-1 div.portfolio-item { /*width: 100%;*/}


	#search .inputbox {width: 100px}
	#search { float: left }
	
	#search .button {
	  display: none;
	}

	.breadcrumbs a { display:none }

	div.top-link {
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		bottom: 0px;
		right: 20px;
	}

	.social-text {
		display: none;
	}

	.social-icons { float: left; clear: both; margin: 15px 0 0 }

	div.top-link {
		border-radius: 5px 5px 0 0;
		bottom: 0; margin-bottom: 0;
		right: 25px; font-size: 30px;
	}
	#gototop {font-size: 30px;}
	div.top-link:hover a{ color: #ccc}
	
	.pagination ul > li > a,
	.pagination ul > li > span {
		padding: 5px 7px
	}
	#footernav {
		width:100%; clear:both; margin-top: 15px
	}
	
	/* DNP portfolio */
	div.portfolio-item {width: 33.3%}

	/* DNP News */
	ul.dnp_news.horizontal.cols-2 li {width: 49.98%}
	ul.dnp_news.horizontal.cols-3 li {width: 33.32%}
	ul.dnp_news.horizontal.cols-4 li {width: 33.32%}

	.mod-desc + [id*="module-"] .nsNext, .mod-desc + [id*="module-"] .nsPrev, .mod-desc + .box-ct .nsNext, .mod-desc + .box-ct .nsPrev	{top: 0}
}

/* DNP Portfolio */
@media only screen and (max-width:979px) {
	#filter-tools .dropdown-menu {
		left: auto;
		right: -999em
	}
	#filter-tools .btn-group.open .dropdown-menu {
		left: auto;
		right: 0
	}
}

/* DNP Slider */
@media only screen and (max-width:479px) {
	.slider .slider-wrapper li > div > * {  margin-top: 0 }
	.label_slider h1.big {font-size: 20px !important; margin-left: 0%; line-height: 18px !important; margin-bottom:5px}
	.label_slider h2.big {font-size: 16px !important; margin-left: 2%; line-height: 16px !important; margin-bottom:5px}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.slider .label_slider > * { }
	.slider .slider-pagination  { padding: 0 20px !important }
	.slider .slider-pause { right: 20px !important }
}

@media only screen and (max-width:979px) {
	.slider .slider-pagination  { padding: 0 20px !important }
	.slider .slider-pause { right: 60px !important }
	.label_slider h1 { }
	.label_slider h2 { }	
	.label_slider h3 { }	
	
	.label_slider p,
	.label_slider ul { font-size: 13px; line-height: 1.5; margin: 10px 0; }
}
@media only screen and (max-width:767px) {
	.slider .slider-prev, .slider .slider-next, .slider .slider-pause { display: none !important }
	#site-wrapper.boxed .slider .slider-pagination { margin: 0 !important }
	.slider .slider-canvas li > div {margin-top: 0 !important }
	
	.label_slider h1 { font-size: 24px !important; line-height: 24px !important; margin: 12px 0 0 }
	.label_slider h2 { font-size: 20px !important; line-height: 20px !important; margin: 10px 0 0 }
	.label_slider h3 { font-size: 16px !important; line-height: 16px !important; margin: 8px 0 0 }
	
	.label_slider p,
	.label_slider ul { font-size: 13px !important; line-height: 1.5; margin: 5px 0 0 }
	
	.label_slider { width: 100% !important }
	
	.boxed .slider .slider-pagination  { padding: 0 !important }
	.slider .slider-pause { right: 20px !important }
	
	.long-strikers-dark h1, .long-strikers-dark h2, .long-strikers-dark h4, .long-strikers-dark p, .long-strikers-dark ul { margin-top: 0 !important}	
}

@media only screen and (max-width:479px) {
	.slider .slider-pagination,
	.slider .slider-prev,
	.slider .slider-next { display: none }
	
	.label_slider .
	.label_slider p, .label_slider ol, .label_slider ul {display:none !important}
	.label_slider > div,
	.label_slider div > div:not[.fluid-width-video-wrapper] { padding-top: 0 !important; margin-top: 0 !important; }
	.label_slider p.the-button { display: block !important }	
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.slider .controls li { 
		margin-top: -25px; top: 50%;
		width: 75px; height: 75px;
		font-size: 50px; text-align:center;
		line-height: 75px;
	}

	.slider .slider-pagination {  bottom: 0 }
	.label_slider p.the-icons,
	.label_slider p.the-button { margin: 0 !important }
	.label_slider p.the-button,
	.label_slider ul.the-icons { display: block !important }	
	.label_slider ul.the-icons,
	.label_slider ul.the-icons li,
	.label_slider ul.the-icons li i { font-size: 11px; line-height: 1 }	
	.main-sequence .vmiddle { margin-top: -14% }
}
@media only screen and (min-width:768px) and (max-width:979px) {
	.slider .controls li { 
		margin-top: -50px; top: 50%;
		width: 100px; height: 100px;
		font-size: 75px; text-align:center;
		line-height: 100px;
	}
	.label_slider p.the-icons,
	.label_slider p.the-button { margin: 0 }
	.slider .slider-pagination {  bottom: 0 }
	.slider:hover .controls .slider-prev { padding-left: 40px }	
	.slider:hover .controls .slider-next { padding-right: 40px }	
	.main-sequence .vmiddle { margin-top: -11% }	
}
@media only screen and (max-width:479px) {
	.slider .slider-pagination { display: none !important }
	.light-box > div > div,
	.dark-box > div > div { padding: 0 10px }
	
}
@media only screen and (max-width:979px) {
	.slider .slider-wrapper > li > div > * { position: static }
	li.slide > div:not(.media_wrapper) > div > div.hleft { padding-left: 20px }
	.swipe-info { display: block } 
	.modal .carousel-caption { position: absolute; padding:5px 10px }
	.modal .carousel h4 {max-width: 90%}
}

@media only screen and (min-width:980px) and (max-width:1250px) {
	.slider .slider-pagination { padding: 0 0 0 20px !important }
	li.slide > div:not(.media_wrapper) > div > div.hleft { padding-left: 20px }
}
@media only screen and (max-width:1200px) {
	#top-portfolio .moduletable .inner,
	#bottom-portfolio .moduletable .inner { margin: 0 20px }
}
@media only screen and (max-width:1400px) {
	.slider .slider-prev { left: auto; right: 71px }
}

@media only screen and (min-width:767px) and (max-width:979px) {
	.main-sequence .vmiddle { /*margin-top: 0 !important*/}
	p.big { font-size: 60px !important }
}
@media only screen and (max-width:767px) {
	p.big { font-size: 40px !important }
}

@media only screen and (max-width:767px) {
	#slideshow.hopa { margin-top: 72px }
	#slideshow .btn-large { padding: 5px 15px; border-width: 1px !important }
	.main-sequence .vtop { top: 20px }	
	.border-background { padding: 0; border-left: 0; background: none !important }
}
@media only screen and (max-width:479px) {
	#slideshow.hopa { margin-top: 50px }
	#slideshow .btn-large { padding: 1px 8px; border-width: 1px !important }
}

@media only screen and (max-width:979px) {
	.slider .slider-canvas > li > div > * { position: static }
}

@media only screen and (max-width:479px) {
	.image_main, .image_tablet,
	.image_mobile_landscape { display: none }
	.image_mobile { display: block }
	
	.hidden-phone,
	.hidden-phone-portrait-landscape,
	.hidden-phone-tablet {display: none !important}
	
	.main-sequence > .expand-to-full-phone,
	.main-sequence > .expand-to-full-phone-landscape,
	.main-sequence > .expand-to-full-tablet { left: 3.5%; max-width: 93% !important; margin-left: 0 !important }
	
	[class*='box'].label_slider.expand-to-full-phone,
	[class*='box'].label_slider.expand-to-full-phone-landscape,
	[class*='box'].label_slider.expand-to-full-tablet { max-width: 91.5% !important; }
	
	[class*='strikers'].label_slider.expand-to-full-phone,
	[class*='strikers'].label_slider.expand-to-full-phone-landscape,
	[class*='strikers'].label_slider.expand-to-full-tablet { max-width: 91.5% !important; }
	
	.label_slider.expand-to-full-phone,
	.label_slider.expand-to-full-phone-landscape,
	.label_slider.expand-to-full-tablet { max-width: 100% !important; }

}
@media only screen and (min-width:480px) and (max-width:767px) {
	.image_main, .image_tablet,
	.image_mobile { display: none }
	.image_mobile_landscape { display: block }
	
	.hidden-phone-landscape,
	.hidden-phone-portrait-landscape,
	.hidden-phone-tablet { display: none !important }
	
	.main-sequence > .expand-to-full-phone-landscape,
	.main-sequence > .expand-to-full-tablet { left: 2.5%; max-width: 95% !important; margin-left: auto !important }	
		
	[class*='box'].label_slider.expand-to-full-tablet,
	[class*='box'].label_slider.expand-to-full-phone-landscape { max-width: 92.5% !important }
	[class*='strikers'].label_slider.expand-to-full-tablet,
	[class*='strikers'].label_slider.expand-to-full-phone-landscape { max-width: 92.5% !important }
	
	.label_slider.expand-to-full-tablet,
	.label_slider.expand-to-full-phone-landscape { max-width: 100% !important; }	
}
@media only screen and (min-width:768px) and (max-width:979px) {
	.image_main, .image_mobile_landscape,
	.image_mobile { display: none }
	.image_tablet{ display: block }
	
	.hidden-tablet { display: none !important }
	
	.main-sequence > div { }
	.main-sequence > .expand-to-full-tablet { left: 1%; max-width: 98% !important; margin-left: auto !important }
	
	[class*='box'].label_slider.expand-to-full-tablet { max-width: 93.5% !important; }
	[class*='strikers'].label_slider.expand-to-full-tablet { max-width: 93.5% !important }

	.label_slider.expand-to-full-tablet { max-width: 100% !important;  }
}

@media only screen and (min-width:480px) and (max-width:1200px) {
	.main-sequence .hleft {left: 20px}
	.main-sequence .hright { right: 20px }
}
@media only screen and (max-width:480px) {
	.main-sequence .hleft {left: 10px}
	.main-sequence .hright { right: 10px }
}

@media only screen and (max-width:979px) {
	body { 
		background-position: center center 
	}	
}
@media only screen and (max-width:1100px) {
	.testimonials { width: 55% }
	.networking-container.ht { width: 40% }
	.networking-container.ht .social-icons { float: left; clear: both; margin: 15px 0 5px }
}
@media only screen and (max-width:767px) {
	.testimonials { width: 100% }
	.testimonials p { margin-bottom: 1.7em !important }
	.networking-container.ht { width: 100%; border: 0; padding: 0 }
	.dnp_news.gallery .has-thumbnail {
		margin: 0 1%;
		width: 47.5%; 
	}
}
@media only screen and (max-width:479px) {
	.dnp_news.gallery .has-thumbnail {
		margin: 0 1%;
		width: 100%; 
	}
	.alert.specials .pull-right	{ float: none; margin: 0 }
}

@media only screen and (min-width:480px) and (max-width:767px) {
	/* BS columns */
	.row-fluid .span2 { width: 48.7179% !important; float: left; margin-left: 2.12766%  } /* 6 cols */
	.row-fluid .span3 { width: 48.7179% !important; float: left; margin-left: 2.12766%  } /* 4 cols */
	.row-fluid .span4 { width: 48.7179% !important; float: left; margin-left: 2.12766%  } /* 3 cols */
	.row-fluid .span5 { width: 48.7179% !important; float: left; margin-left: 2.12766%  } /* 2.5 cols */
	.row-fluid .span6 { width: 48.7179% !important; float: left; margin-left: 2.12766%  } /* 2 cols */
	
	#footer-sidebar > div > .row-fluid > .span8,
	#content-wrapper.row-fluid > .span8,
	.spotlight > .row-fluid > .span8 { width: 100% !important; margin-left: 0  }
	
	#footer-sidebar > div > .row-fluid > .span4,
	#content-wrapper.row-fluid > .span4,
	.spotlight > .row-fluid > .span4 { width: 100% !important; margin-left: 0  }
	
	.row-fluid .span2:nth-child(2n+1) { margin-left: 0; clear: both } /* 6 cols */
	.row-fluid .span3:nth-child(2n+1) { margin-left: 0; clear: both } /* 4 cols */
	.row-fluid .span4:nth-child(2n+1) { margin-left: 0; clear: both } /* 3 cols */
	.row-fluid .span5:nth-child(2n+1) { margin-left: 0; clear: both } /* 2 cols */
	.row-fluid .span6:nth-child(2n+1) { margin-left: 0; clear: both } /* 2 cols */
	
	.row-fluid .span8 + .span4 { width: 100% !important; margin-left: 0 }
	
	.modulebox.span6 .span6,
	.modulebox.span6 .span4,
	.modulebox.span6 .span3,
	.modulebox.span6 .span2,
	.modulebox.span4 .span6 { width: 100% !important; margin-left:0; float: none }	
}
@media only screen and (min-width:768px) and (max-width:979px) {
	/* BS columns */
	.row-fluid .span2 { width: 31.9149% !important; float: left; margin-left: 2.12766% } /* 6 cols */
	.row-fluid .span3 { width: 31.9149% !important; float: left; margin-left: 2.12766% } /* 4 cols */
	.row-fluid .span4 { width: 31.9149% !important; float: left; margin-left: 2.12766% } /* 3 cols */
	.row-fluid .span5 {  } /* 2.5 cols */
	.row-fluid .span6 { width: 48.9362%; float: left; margin-left: 2.12766%; } /* 2 cols */
	.row-fluid .span8 { width: 65.9574%; float: left; margin-left: 2.12766%; } /* 2 cols */
	
	.row-fluid .span6:nth-child(4),
	.row-fluid .span8:nth-child(4) { width: 100%; float: left; margin-left: 0 }
	

	.row-fluid .span2:nth-child(3n+1) { margin-left: 0 } /* 6 cols */
	.row-fluid .span3:nth-child(3n+1) { margin-left: 0 } /* 4 cols */
	.row-fluid .span4:nth-child(3n+1) { margin-left: 0 } /* 3 cols */

	.modulebox.span6 .span6,
	.modulebox.span6 .span4,
	.modulebox.span6 .span3,
	.modulebox.span6 .span2,
	.modulebox.span4 .span6 { width: 100% !important; margin-left:0; float: none }
	
	.spotlight > .main-inner > .row-fluid > .span3 + .span6 
	.spotlight > .main-inner > .row-fluid > .span4 + .span8 { width: 100% !important; clear: both }
	
	.row-fluid .span8,
	.row-fluid .span8 + .span4 { width: 100% !important; margin-left: 0 }
	
	.spotlight > .main-inner > .row-fluid > .span3,
	.spotlight > .main-inner > .row-fluid > .span4,
	.spotlight > .main-inner > .row-fluid > .span8 + .span4,
	.spotlight > .main-inner > .row-fluid > .span3 + .span3,
	.spotlight > .main-inner > .row-fluid > .span6 + .span3 { width: 48.9362% !important; float: left; margin-left: 2.12766%; }
	
	.spotlight > .main-inner > .row-fluid > .modulebox:nth-child(2n+1),
	.spotlight > .main-inner > .row-fluid > .modulebox:nth-child(2n+1),
	.spotlight > .main-inner > .row-fluid > .modulebox:nth-child(2n+1),
	.spotlight > .main-inner > .row-fluid > .modulebox:nth-child(2n+1) { margin-left: 0; clear: both }
}

/* HEADINGS */
@media only screen and (max-width:979px) {
	h1 small,
	h2 small,
	h3 small{ clear: both; float: left; width: 100%; margin: 0 0 1.5em }
}

/* top-buttons */
@media only screen and (min-width:480px) and (max-width:768px) {
	.mainnav .btn-group { top: 25px; right: 90px }
}
@media only screen and (max-width:480px) {
	.mainnav .btn-group { top: 11px; right: 80px }
	#login-wrapper .inputbox, #login-wrapper input[type="text"], #login-wrapper input[type="password"],
	#feedback-wrapper .inputbox, #feedback-wrapper input[type="text"], #feedback-wrapper textarea { width: 170px; }
}

/* modals */
@media only screen and (min-width:768px) and (max-width:979px) {
	#portfolio-page-modal.modal.fade, #gallery-page-modal.modal.fade { width: 90%; margin-left: -46%; left: 50% }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#portfolio-page-modal.modal.fade, 
	#gallery-page-modal.modal.fade { width: 80%; margin: 0 auto }
}
@media only screen and (max-width:979px) {
	.image-overlay .carousel-caption { padding: 0; border: 0; top: 50%; left: 50%; margin: -20px auto auto -20px !important }
	.image-overlay .carousel-caption > *:not(.overlay-icon-wrapper) { display: none }
	.image-overlay .carousel-caption > .overlay-icon-wrapper i { margin: 0; float: none; text-align: left  }
}

@media only screen and (max-width:479px) {
	#portfolio-page-modal.modal.fade, 
	#gallery-page-modal.modal.fade { width: 90%; margin: 0 auto }
	*:hover > * > * > .hover-left, *:hover > .hover-left,
	*:hover > * > * > .hover-right, *:hover > * > .hover-right, *:hover > .hover-right { transform: translateX(0); -webkit-transform: translateX(0) }
}

/* wide */
@media only screen and (min-width:980px) and (max-width:1400px) {
	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item,

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item { width: 24.7%;}
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item { width: 19.7%;}

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item { width: 19.7%;}
}
@media only screen and (min-width:1600px) {
	div.items-row.cols-6 div.blog-item,
	div.blog div.items-row.cols-6 div.blog-item,
	div.news div.items-row.cols-6 div.news-item,
	div.gallery div.items-row.cols-6 div.gallery-item,
	div.portfolio div.items-row.cols-6 div.portfolio-item { width: 16.5%;}

	div.items-row.cols-5 div.blog-item,
	div.blog div.items-row.cols-5 div.blog-item,
	div.news div.items-row.cols-5 div.news-item,
	div.gallery div.items-row.cols-5 div.gallery-item,
	div.portfolio div.items-row.cols-5 div.portfolio-item { width: 19.7%;}
}