/********** MEDIA QUERIES  **************/
@media screen and (max-width : 767px) {
	/* triggers in MOBILE less than 700px */

	.top10-header {margin-bottom:20px;}
	.top10-header h1 {font-size:24px !important;line-height:28px !important;margin:0 20px;}
	
	.top10-rpt h2 {padding: 0 0 20px 0 !important;}
	
	.top10-rpt-list > li {display:block !important;}
	
	.top10-col1 {margin: 0 auto;}
	.top10-comp {position:absolute;left:20px;}
	.top10-rank {position:absolute;left:50px;}
	.top10-pj-name {width:auto !important;display:block !important;}
	.top10-ship-date {font-size:14px !important;}
	
	.top10-specs-list {text-align:center;margin: 0 auto 15px auto;width:300px;}

	.top10-price {margin:0 auto;text-align:center;}
	
	.top10-view-pj {margin-top:29px;}
	.top10-button {width:250px !important;font-size:14px !important; height:40px !important; line-height:40px !important;}
}
@media screen and (min-width: 768px) and (max-width:1023px) {
	/* triggers in TABLET max-width = DP min-width-1 */
	
	.top10-header {margin-bottom:20px;}
	.top10-header h1 {margin:0 30px;}
	.top10-image-size {margin-left:20px;}

	.top10-price {text-align:right;}

	.top10-view-pj {position:absolute;bottom:30px;right:30px;}
}
@media screen and (min-width:1024px), print { /* IE 6,7,9,10 hack to use desktop */
	/* triggers in DESKTOP */
	
	.top10-header {margin-bottom:60px;}
	.top10-header h1 {margin:0 60px;}
	.top10-intro {display:flex;}
	.top10-ban {margin-left:70px;min-width: 300px;}
	
	.top10-image-size {margin-left:20px;}
	
	.top10-price {text-align:right;}
	
	.top10-view-pj {display:none;position:absolute;bottom:30px;right:30px;}
	.top10-edit {display:none;}

	.top10-narrow {width:515px;}
	.top10-specs-offset {margin-left:75px;}
	.top10-price-margin {margin-left:auto;}
}

@media print {

	.top10-rpt-list {max-width:100% !important;}
	.top10-narrow {width:100% !important;}
	.top10-specs-offset {margin:0 !important;}
	.top10-price-margin {margin-left:0 !important;}
}

@media \0screen { /* IE8 way of reading styles from desktop media query */

}

/************* TOP 10 ************/
.top10-header {position:relative;}
.top10-header h1{bottom:30px;font-size:36px;line-height:42px;font-weight:bold;text-shadow: 0 0 10px black;color:#fff;position:absolute;}

.top10-header-img {height:236px;width:100%;background-position: center;background-size:cover;}

.top10-header-grad1{position:absolute;top:0;height:55px;width:100%;opacity: 0.5;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, #000000 100%);}
.top10-header-grad2{position:absolute;bottom:0;height:60%;width:100%;opacity: 0.8;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}

.top10-intro {justify-content:space-between;}

.top10-intro-text {margin-bottom:30px;height:270px;overflow:hidden;position:relative;}
.top10-read-more::after{
	content: 'Read More';
	position: absolute;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 75%);
	bottom: 0px;
	height: 80px;
	width: 100%;
	color: #3496D1;;
	text-align: center;
	font-size:14px;
	line-height:120px;
}
.top10-intro-text p {font-size:16px;line-height:30px;margin:0 0 25px 0;padding:0;}
.top10-intro-text em {font-weight:bold;color:#3496D1;font-style:normal;}
.top10-intro-text i {color:#888;}
.top10-intro-text p > a {color:#3496D1 !important;}
.top10-intro-text p > a:hover {color:#1B70A4 !important;text-decoration:none !important;}
.top10-intro-text i > a {color:#888 !important;text-decoration:underline !important;}
.top10-intro-text i > a:hover {color:#727272 !important;}

.top10-social-icons {margin:0 84px 10px 0;}
.top10-social-icons a {display:inline-block;margin:0 20px 20px 0;}
.top10-social-email {height:40px;width:40px;background: url("https://www.projectorcentral.com/images/articles/images/email-circle-black.svg") no-repeat;display:inline-block;}
.top10-social-email:hover {background: url("https://www.projectorcentral.com/images/articles/images/email-circle-blue.svg") no-repeat;display:inline-block;}
.top10-social-twitter {height:40px;width:40px;background: url("https://www.projectorcentral.com/images/articles/images/twitter-circle-black.svg") no-repeat;display:inline-block;}
.top10-social-twitter:hover {background: url("https://www.projectorcentral.com/images/articles/images/twitter-circle-blue.svg") no-repeat;display:inline-block;}
.top10-social-facebook {height:40px;width:40px;background: url("https://www.projectorcentral.com/images/articles/images/facebook-circle-black.svg") no-repeat;display:inline-block;}
.top10-social-facebook:hover {background: url("https://www.projectorcentral.com/images/articles/images/facebook-circle-blue.svg") no-repeat;display:inline-block;}


.top10-button {height:30px;width:115px;background-color: #3496D1;text-align:center;font-size:12px;line-height:30px;color:#fff;border:0;cursor:pointer;font-weight:bold;}
.top10-button:hover {background-color:#318BC3}

.top10-rpt-grad1 {opacity:0.05;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #000000 100%);width:100%;height:46px;}
.top10-rpt-grad2 {opacity:0.05;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);width:100%;height:46px;margin-bottom:40px;position:relative;}

.top10-ban-tower {position:absolute;top:30px;right:-322px;}

.top10-rpt h2 {text-align:center;padding:24px 0 40px 0;font-size:26px;line-height:30px;}
.top10-rpt h2 b {color: #3496D1;}

.top10-rpt h2 select {font-weight:bold;font-size:26px;color: #3496D1;border:0;}
.top10-rpt h2 option {border:0;}

.top10-rpt-list {margin:0 auto;list-style:none;padding:0;max-width:838px;}
.top10-rpt-list > li {display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;border-top: 1px solid #dadada;position:relative;}
.top10-rpt-list > li:hover{background-color:#fff;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1);border:0;}

.top10-rpt-list > li:hover .top10-view-pj {display:block;}
.top10-rpt-list > li:hover .top10-edit {display:inline-block;}

/*.top10-rpt-list > li:first-child {border:0;}*/

.top10-comp {margin-right:20px;display:inline-block;vertical-align:top;}

.top10-rank {font-weight:bold;font-size:18px;line-height:21px;text-align:right;width:32px;display:inline-block;vertical-align:top;margin-right:20px;}

.top10-pj-name {text-align:center;width:200px;display:inline-block;vertical-align:top;margin-bottom:15px;}
.top10-pj-name h3 {font-size:18px;margin:10px 0 10px 0;padding:0;}
.top10-pj-name a {color:#131313 !important;}
.top10-pj-name a:hover {text-decoration:none;color:#3496D1 !important;}

.top10-our-review a, .top10-user-review a {display:block;font-size:12px;line-height:14px;}
.top10-our-review {color:#262726;}
.top10-user-review {color:#9e9e9e;}


.top10-specs-list {font-size:14px;line-height:26px;color:#131313;list-style:none;padding:0;}
.top10-edit {margin-left:5px;cursor:pointer;}
.top10_IS_form {border:0;height:26px !important;line-height:26px;width:30px;padding:0 !important;text-align:right;}
.top10_IS_form.active {border:1px solid #dadada;padding:5px !important;width:45px;}

.top10-price {font-size:22px;font-weight:bold;line-height:25px;color:#131313;}
.top10-price a {color:#131313 !important;}
.top10-price a:hover {text-decoration:none;color:#3496D1 !important;}

.top10-ship-date {font-weight:normal;font-size:12px;line-height:18px;color:#9e9e9e;margin-top:10px;}

.top10-b-strip {background-color:#f1f1f1;display:flex;justify-content:space-around;padding-top:15px;}

.top10-more {margin-bottom:30px;text-align:center;font-size:14px;line-height:16px;}
.top10-more h3 {font-weight:bold;margin:0;padding:0;margin-bottom:20px;}
.top10-more ul {list-style:none;margin:0;padding:0;}
.top10-more li {list-style:none;margin-bottom:20px;} 

a.anchor {display:block;position:relative;top:-120px;visibility:hidden;}

/* Drop Down Style */
.top10-dropbtn {color: #3496D1;font-weight:bold;font-size: 26px;border: none;cursor: pointer;background-color:white;position:relative;margin-right:20px;}
.top10-dropbtn:after {content: '';position:absolute;right:-12px;top:13px;border-top: 7px solid black;border-left: 6px solid transparent;border-right: 6px solid transparent;text-decoration:none;z-index:1;}
.top10-dropdown {position: relative;display: inline-block;}
.top10-dropdown-content {display: none;position: absolute;right:0;background-color: white;white-space: nowrap;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);z-index: 1;}
.top10-dropdown-content a {color: #131313 !important;font-weight:bold;padding:0 40px;text-decoration: none;display: block;font-size:18px;line-height:40px;text-align:left;}
.top10-dropdown-content a:hover {color:white !important;background-color: #3496D1;text-decoration:none;}
.top10-dropdown:hover .top10-dropdown-content {display: block;}

.bStyle:empty {width:0;margin:0;}