/* ___________________________________
	SHARED STYLES
------------------------------------*/
/* MARGIN */
.home-ccs-carousel .home-ccs-carousel-item:last-child,
.home-content-top-left .home-top-feature:last-of-type {
	margin:0;
}

/* H2 */
.home-top-feature h2, .home-news h2, .home-idp-feature h2,
.home-featured-editorial h2, .home-product-specials h2, .home-right-video h2 {
	margin:0 0 5px 0;
	font-size:18px;
	text-transform:uppercase;
	color:#36496f;
}

/* H3 */
.home-top-feature h3, .home-current-issue h3, .home-news h3,
.home-idp-feature h3, .home-featured-editorial h3, .home-product-specials h3 {
	font-size:15px;
	line-height:17px;
}

/* H4 */
.home-current-issue h4, .home-featured-editorial h4,
.home-news h4, .home-top-feature h4 {
	margin:5px 0 0 0;
	font-size:13px;
	font-weight:normal;
	font-style:oblique;
}

/* P */
.home-news p, .home-idp-feature p, .home-featured-editorial p {
	font-size:13px;
	line-height:15px;
}

/* A */
.home-current-issue a, .home-top-feature a, .home-featured-editorial a {
	position:absolute;
	bottom:0;
	right:5px;
	display:block;
	color:#6f9ae8;
}

.home-top-feature a, .home-idp-feature a,
.home-product-specials a {
	font-size:14px;
	color:#6f9ae8;
}

/* A:HOVER */
.home-current-issue a:hover, .home-top-feature a:hover, .home-news li a:hover,
.home-idp-feature a:hover, .home-featured-editorial a:hover, .home-product-specials a:hover {
	text-decoration:underline;
}

/* BOXES */
.home-current-issues, .home-idp-features {
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	text-align:justify;
	border-bottom:solid 1px #ebebeb;
}

.home-current-issues:after, .home-idp-features:after {
	content:'';
    display:inline-block;
    width:100%;
}

.home-current-issue, .home-idp-feature {
	padding:0 10px 5px 10px;
	width:32%;
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

/* BORDERS */
.home-news, .home-long-cc, .home-right-video,
.home-product-special, .home-right-cc {
	border-bottom:solid 1px #ebebeb;
}

.pr-none {
	padding-right:0!important;
}


/* ___________________________________
	PUBLICATION TOP BANNER
------------------------------------*/
.home-publication-banner {
	margin:0 0 14px 0px;
	height:380px;
	width:640px;
	float:left;
	font-family:Gotham, sans-serif;
	font-size:12px;
	color:#000000;
	border-bottom:1px solid #8c8a8a;
}

.home-publication-banner img {
	height:380px;
	width:640px;
	border:solid 1px #e7e7e7;
	float:left;
}
.cc-publication-banner img{
	margin:0;
	height:400px;
	width:330px;	
	float:right;
}

/* ___________________________________
	ADS CAROUSEL
------------------------------------*/
.home-ccs-carousel {
	margin:0 0 15px 0;
	padding:15px 0;
	max-height:130px;
	overflow:hidden;
	background:#efeeeb;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

.home-ccs-carousel-item {
	margin:0 19px 0 0;
	min-height:100px;
	max-height:100px;
	overflow:hidden;
	float:left;
	position:relative;
	vertical-align:top;
}

.home-ccs-carousel-item h2 {
	padding:3px 0;
	width:100%;
	position: absolute;
	bottom: 0;
	font-size:12px;
	letter-spacing:.75px;
	text-align: center;
	background: #333333;
	color: #ffffff;
	opacity:0.75;
}


/* ___________________________________
	PAGE CONTENT - TOP SECTION
------------------------------------*/
.home-content-top {
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	max-height:320px;
	overflow:hidden;
	border-bottom:solid 1px #ebebeb;
}

.home-content-top-left {
	width:32%;
	float:left;
}

.home-content-top-right {
	width:66%;
	float:right;
}

.home-top-feature {
	margin:0 0 15px 0;
	padding:5px;
	height:143px;
	max-height:143px;
	position:relative;
	border:solid 1px #b2b2b2;
}

.home-top-feature img {
	margin:0 10px 30px 21px;
	max-width:133px;
	float:left;
	clear:both;
}

.home-top-feature h2 {
	margin:0 0 10px 0;
	font-size:15px;
}

.home-top-feature h3 {
	font-size:13px;
	line-height:15px;
}

.home-top-feature p {
	margin:4px 0 0 0;
	font-size:12px;
}

.home-billboard {
	overflow:hidden;
	border:solid 1px #333333;
}

@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf4a img:nth-of-type(1) {
  animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
  animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
  animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
  animation-delay: 0;
}

/* ___________________________________
	CONTENT - LEFT/RIGHT SIDE
------------------------------------*/
.home-content-left {
	width:66%;
	float:left;
}

.home-content-right {
	width:31%;
	float:right;
}


/* ___________________________________
	PUBLICATION ARTICLE HIGHLIGHTS
------------------------------------*/
.home-current-issue {
	min-height:178px;
	max-height:178px;
	border:solid 1px #b2b2b2;
}

.home-current-issue h3  {
	margin:70px 0 0 0;
}

.current-id {
	background:url('/img/layout/general/logo_id.jpg') no-repeat top center;
}

.current-cced {
	background:url('/img/layout/general/logo_cced.jpg') no-repeat top center;
}

.current-idt {
	background:url('/img/layout/general/logo_idt.jpg') no-repeat top center;
}


/* ___________________________________
	NEWS
------------------------------------*/
.home-news {
	margin:0 0 30px 0;
}

.home-news li a {
	color:#36496f;
}


/* ___________________________________
	LONG ADS
------------------------------------*/
.home-long-cc {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
}


/* ___________________________________
	SUBSCRIBE BOX
------------------------------------*/
.home-subscribe {
	padding:14px 10px;
	border:1px solid #b2b2b2;
}

.home-subscribe img {
	margin:0px 15px 0px 0px;
	display:inline-block;
}

.home-subscribe h1 {
	display:inline-block;
	font-family:serif;
	font-size:26px;
	font-style:oblique;
	color:#36496f;
}

.home-subscribe p {
	margin:10px 0px 20px 0px;
	font-size:13px;
}

.home-subscribe span {
	margin:0 auto;
	padding:5px 7px;
	width:60%;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.75px;
	background:#36496f;
	border-radius:5px;
}

.home-subscribe span a {
	color:#ffffff;
}

.home-subscribe span:hover {
	opacity:.90;
	cursor:pointer;
}


/* ___________________________________
	FEATURED TECHNIQUE/VIDEO
------------------------------------*/
.tech-video-holder {
	width:600px; 
	height:auto;
	float:left;
	clear:both;
}

.tech-video h4 {
	font-family:Gotham, sans-serif;
	font-size:16px;
	color:#133042;
	text-decoration:none;
}

.tech-video img {
	width:280px;
	height:auto;
	float:left;
	margin:0 19px 24px 0;
}

.tech-video {
  margin: 14px 0 14px 0px;
  height: auto;
  width: 600px;
  float: left;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  color: #000000;
}

/* ___________________________________
	RIGHT-SIDE SMALLER ADS
------------------------------------*/
.home-right-cc {
	margin:20px 0;
	padding:0 0 20px 0;
}

.home-content-right .home-right-cc:last-of-type {
	border:none;
}


/* ___________________________________
	IDP STORE/FEATURED PRODUCT
------------------------------------*/
.home-idp-product {
	border:solid 1px #b2b2b2;
}

.home-idp-feature {
	min-height:250px;
	max-height:250px;
}

.home-idp-feature h2 {
	margin:10px 0 5px 0;
	font-size:17px;
}

.home-idp-feature h3 {
	position:absolute;
	bottom:5px;
}


/* ___________________________________
	FEATURED EDITORIAL
------------------------------------*/
.home-featured-editorial {
	position:relative;
}

.home-featured-editorial h2 {
	margin:0 0 10px 0;
}

.home-featured-editorial p {
	margin:10px 0 0 0;
}

.home-featured-editorial img {
	margin:0 15px 0 0;
	float:left;
}


/* ___________________________________
	PRODUCT SPECIALS
------------------------------------*/
.home-product-special {
	padding:20px 0;
}

.home-content-right .home-product-special:first-of-type {
	padding:0 0 20px 0;
}

.home-product-specials img {
	margin:0 0 0 20px;
	max-width:100px;
	float:right;
}

.home-product-specials h2 {
	margin:0 0 10px 0;
}


/* ___________________________________
	COVERS
------------------------------------*/
.id {
	height:226px;
	width:186px;
	margin:0 20px 0 0;
	border:solid 1px #8c8a8a;
	float:left;
	clear:left;
}

.id-holder {
	height:247px;
	width:186px;
	margin:0 20px 0 0;
	float:left;
	clear:left;
}

.cced {
	height:226px;
	width:186px;
	border:solid 1px #8c8a8a;
	float:left;
}

.cced-holder {
	height:247px;
	width:186px;
	margin:0 20px 0 0;
	float:left;
}

.idt-holder{
	height:247px;
	width:187px;
	float:left;
	border:1px solid #737373;
}

.idt {
	height:226px;
	width:187px;
	border:solid 1px #8c8a8a;
	float:left;
}

.homepage-center-banner{
	padding:20px 0;
	clear:both;
}

.homepage-center-banner img {
	width:808px;
	height:auto;
}

.subscribes, .subscribes a{
	background-color:#052135;
	text-align:center;
	color:#ffffff;
	font-family:Gotham, sans-serif;
	font-size:13px;
}

.right-item {
	float:right;
	background-color:#f9f9f9;
	/*background-color:#eeeff0;*/
	margin:0 0 0 0;
}

.home-divider {
	clear:both;
	border-bottom:solid 1px #8c8a8a;
	height:18px;
	margin:0 0 18px 0;
}

.home-top-feature-event {
	width:45%;
	height:auto;
	padding:0 9px 0 15px;
	border-right:solid 1px #8C8A8A;
	float:left;
}

.home-top-feature-event img, .home-top-feature-product img {
	float:right;
	width:170px;
	margin:4px 0 24px 7px;
}

.home-top-feature-product {
	width:45%;
	height:auto;
	margin:0 0 0 69px;
	float:left;
}

.home-top-feature-product h2, .home-top-feature-event h2 {
	font-size:16px;
	text-transform:uppercase;
	color:#052135;
}
	
.home-top-feature-product h3, .home-top-feature-event h3 {
	font-size:14px;
	color:#052135;
}	
	
.callout-ccs {
	width:187px;
	height:269px;
	float:left;
	border:1px solid #737373 !important;
	margin:0 27px 0 0px;

}

.callout-bookstore {
	width:171px;
	height:269px;
	float:left;
	border:1px solid #737373;
	margin:0 27px 0 0px;
}

.da-product {
	height:269px;
	width:100%;
	text-align:center;
}

.da-product-holder1 img {
	width:130px;
	height:92px;
	float:right;
	margin:0 10px 10px 0;
	border:none;
}

.da-product-holder2 img {
	width:130px;
	height:auto;
	float:right;
	margin:0 10px 10px 0;
}

.da-product-holder1 {
	width:100%;
	height:159px;
	clear:both;
	margin:0 0 5px 0;
}

.da-product-holder2 h1, .da-product-holder2 h1 a {
	font-family:Gotham, sans-serif;
	font-size:15px;
	color:#052135;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}

.da-product-holder1 h1, .da-product-holder1 h1 a {
	font-family:Gotham, sans-serif;
	font-size:16px;
	color:#052135;
	text-transform:uppercase;
	font-weight:normal;
}

.da-product-holder1 h2, .da-product-holder2 h2 {
	font-family:Gotham, sans-serif;
	font-size:16px;
	color:#506e8e;
	font-weight:normal;
}

.da-product-holder2 {
	width:100%;
	height:100px;
	clear:both;	
}

.ce, .ce a {
	font-family:Gotham, sans-serif;
	text-align:left;
	text-decoration:none;
/*	padding:0 11px 11px 11px;*/
}
	
.ce img {
	width:185px;
	clear:both;
	text-align:center;
	margin:14px 0 0 0;
}
	
.ce h1 {
	font-size:16px;
	color:#133043;
	font-weight:normal;
}
	
.ce h2 {
	font-size:10px;
	font-style:italic;
	color:#3a302b;
	font-weight:normal;
	margin:4px 0 0 0;
}
	
.ce h3 {	
	font-size:14px;
	color:#2b4c6e;
	font-weight:normal;
	margin:4px 0 0 0;
	font-family:Gotham, sans-serif;
}

.product-summary {
	font-family:Gotham, sans-serif;
	font-size:13px;
	color:#000000;
	margin:6px 0 0 0;
}
	
.cc-publication-banner img {
	width:298px;
	height:280px;	
}

.billboard-description {
	padding:4px 0 0 0;
	margin:0 0 14px 0;
}

.billboard-slide:not(:first-child) {
	display: none;
}

.billboard a { margin: 0px; }

.home-publication-banner img { margin: 0px }
	
#billboard-caption {
	margin:0 17px 0 17px;	
}

div.prev
{
	position: relative;
	height: 398px;
	width: 75px;
	/*background-color: #000000;*/
	opacity: 0;
	top: -415px;
	left: 6px;
	float: left;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:0 0;
	line-height:50px;
	background-size: 60px 50px;
}

div.next
{
	position: relative;
	height: 398px;
	width: 75px;
	/*background-color: #000000;*/
	opacity: 0;
	top: -415px;
	left: -1px;
	float: right;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:100% -60px;
	line-height:50px;
	background-size: 60px 50px;
}

.next img{ width:39px; height:39px; border:none; margin:347px 0 0 24px;}

.prev img{ width:35px; height:35px; border:none; margin:347px 0 0 14px;}

#billboard-slider {
	position: relative;
	position: 0px 0px;
}

#billboard-pagination
{
	padding:0 0 4px 0; /* set the distance away from the slider */
	margin:0 auto; /* center align */
	text-align:center;
	display:table;
	font-size:0;
}
		 
#billboard-pagination a 
{
	display:inline-block;
	width: 10px;
	height: 10px;
	margin:2px 6px;
	cursor:pointer;
	border-radius:10px;
	box-shadow:inset 0 1px 3px #666666;
}

#billboard-pagination a:hover 
{
	opacity:0.6;
}

#billboard-pagination a.active 
{
	background-color:#1293dc;
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
	background-image:linear-gradient(top,#1293dc,#0f6297);
}

.cc-nav {
	text-align:center;
	font-family:Gotham, sans-serif;
	font-size:25px;
	color:#133042;
	text-decoration:none;
	cursor:pointer;
}

.ads-space{
	margin:14px 0 14px 0;
}
	
.ourpics {
	width:197px; 
	height:auto; 
	float:left; 
	margin:10px 0;
}

.ourpics img {
	width:100%; 
	height:155px; 
	display:block;
}

.ourpics-text {
	border:1px solid #e2e2e2; 
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px; 
	width:100%; 
	height:auto; 
	color:#3b3f41; 
	padding:7px;
	background-color:#ffffff;
}

.section-header {
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 600; 
	clear:both;
	color:#000000;
	text-transform:uppercase;
	text-align:left;
}

#promo3 {
	width:260px; 
	height:auto; 
	float:left;
	margin:10px 15px 10px 0;
	min-height:200px;
	background-color:#ffffff;
 
}

.promo3 {
	width: 100%;
	background-color:#87898a; 
	height:36px; 
	color:#ffffff;
	float:left; 
	font-family:'Roboto Condensed', sans-serif; 
	font-size:16px;
	text-align:center;
	text-transform:capitalize;
	line-height:36px;
	font-weight:300;
/*	margin:0 0 10px 11px;*/
}

.promo3-latest {
	width:95%;
	background-color:#87898a; 
	height:36px; 
	color:#ffffff;
	float:left; 
	font-family:'Roboto Condensed', sans-serif; 
	font-size:16px;
	text-align:center;
	text-transform:capitalize;
	line-height:36px;
	font-weight:300;

}

.promo-divider {
	/*border-bottom:solid 2px #5b5c5b;*/
/*	margin:10px 0 10px 0;*/
	width:100%;
}

.promo3-img {
	width:100%; 
	height:150px;
	object-fit: cover;
	display:block;
}

#promo3 a {
	text-decoration:none;
	color:#3b3f41;
}

.promo3-tag, .promo3-tag-cced {
	font-family:'Roboto Condensed', sans-serif;   
	font-size:16px; 
	width:100%; 
	height:auto; 
	color:#3b3f41;
	padding: 10px 0 0 0;
}

.promo3-description, .promo3-description-cced {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:13px; 
	width:100%; 
	height:auto; 
	color:#3b3f41;
	padding:0 0 10px 0;
}

.promo3-text {
	border-top:1px solid #e2e2e2;
	width:100%; 
	height:auto; 
	color:#3b3f41;
	padding:0;
	line-height:auto;
	font-size: 12px;
    font-family: Arial,sans-serif;
    font-weight: 100;
}	

.promo3-text ul {
	list-style-position:outside;
	margin-bottom:0;
}

.promo3-text ul li{
	list-style-type: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
	font-weight:400;
	padding: 10px 0;
	border-bottom:1px solid #e2e2e2;
}

.promo-more{
	font-family: 'Arimo', sans-serif; 
	font-weight: 700; 
	font-size:13px; 
	width:100%; 
	height:auto; 
	color:#a1a8ac;
	padding:7px;
	text-transform:uppercase;
	text-align:right;
	text-decoration:none;
}

.promo-title {
	font-size:18px;
	color:#3b3f41 !important;
	text-decoration: none;
}

.promo-arrow {
	padding:0 8px 0 8px;
	float:right;
}

.home-left {
	width:74%; 
	float:left;
	background-color:#ffffff;
}

.cc-publication-banner {
	margin:0 0 14px 0;
}

.adbasic {
	text-align:center;
	clear:both;
	margin:0 0 14px 0;
}


.resource {
	font-family: Arial, Helvetica, sans-serif;
	color:#3b3f41;
	background-color:#f9f9f9;
}

.resource-title {
	font-size:12px;
	text-transform:uppercase;
	padding:4px 14px 4px 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
}
.resource-header {
	font-size:14px;
	text-transform:uppercase;
	padding:4px 14px 4px 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
	border-top:solid 1px #ccc;
	background-color:#eeeff0;

}

.resource ul {
	font-family: Arial, sans-serif;
	font-size:12px;
	border-top:solid 1px #d5d6d7;
	margin:0 0 27px 0;
}

.resource li {
	padding:10px 15px;	
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #fff;
}

.resource li a{
	text-decoration:none;
	display:block;
	list-style-type: none;
	line-height:1.6;
	color:#3b3f41;
	
}

.top-stories {
	font-family: Futura, sans-serif;
	color:#3b3f41;
	background-color:#f9f9f9;
	font-weight:700;
	font-size:13px;
	text-align:left;
	margin:0;
	border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(255,255,255,1);
	min-height:72px;
	width:100%;
}

.top-stories-title {
	text-transform:uppercase;
	padding:11px 14px 11px 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.top-stories ul {
	border-top:solid 1px #d5d6d7;
	margin:0 0 27px 0;
}

.top-stories li {
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #d5d6d7;	
}

.top-stories li a{
	padding:0 14px 0 14px;
	text-decoration:none;
	display:block;
	list-style-type: none;
	line-height:35px;
	color:#3b3f41;
}

.sponsored img{
	width:54px;
	height:auto;
	float:left;
	margin:0 8px 0 16px;
	background-color:#c8ccce;
}

.sponsored h1, .sponsored a {
	font-size:11px;
	color:#9f9f9f !important;
	margin:0 0 7px 0;
	font-weight:100;
}

.sponsored h2 {
	font-size:12px;
	padding:0 8px 14px 0;
	font-family:  Arial,sans-serif;
	font-weight:100;
	color:#000;
}
	
.pub-social-base {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	margin: 4px 0 0 0;
}

.pub-social-base a {
	color:#7c6e71;
}

.pub-social-base2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #7c6e71;
    margin: 6px 7px 0 0;
    padding: 4px;
}

.pubsocial-holder {
	float:right;
	text-align:right;
	clear:right;	
	margin:0 5.5% 0 0;
}

.homepage-pub-social {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#7c6e71;
	float:right;
	margin:10px 7px 7px 0;
	clear: right;
	text-align:right;
}

.pub-social {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#7c6e71;
	text-align:right;
}

.pub-social a{
	text-decoration:none;
	color:#7c6e71 !important;
}

.search-input{
	width:82%;
	line-height:17px;
	padding:3px;
}
.mobile-r-search-img {
	margin: 11px 18px 0 0;
	float:right;
}
.r-search-img {
	margin:5px;
	float:right;
}

.r-search {
	border: solid 1px #7c6e71;
}

.pub-callout {
	font-size: 13px;
    padding:4px 0 4px 11px;
	font-family: Arial, sans-serif;
	text-align:left;
}

.latest-issue {
	margin-right: 40px;
	float:left; 
	width: 20%; 
	margin:15px 40px 0 0;
}

.latest-issue img {
	margin-bottom: 5px;
}

.promo3 {
	background-image: none !important;
}

.noti-active {
	color:red;
}

.noti-inactive {
	color:#CACACA;
}
/* _______________________________________________________
	RESPONSIVE STYLES
---------------------------------------------------------*/
/* _______________________________
	SMARTPHONES
--------------------------------*/
@media screen 
and (min-width:0px)
and (max-width:479px) {	
	.ourpics {
		width:48%;
		min-height:215px;
		height:auto; 
		margin:10px 5px 10px 0;
	}
	.l-side {
		float:left;
	}
	.r-side {
		float:right;
		margin-right:0;
	}
	.ourpics img {
		width:100%; 
		height:auto; 
		display:block;
	}
	
	.ourpics-text {
		border:1px solid #e2e2e2; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 12px; 
		width:100%; 
		min-height:82px; 
		color:#3b3f41; 
		padding:5px;
		background-color:#ffffff;
	}
	#promo3 {
		width: 100%;
	}
	.promo3 {
		background-image: none !important;
		width: 100%;
		margin: 0;
	}
	.promo3-img {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	.promo3-latest {
		width:100%;
	}
	.promo-title {
		font-size:14px;
	}
}

/* _______________________________
	SMARTPHONES HORIZONTAL
--------------------------------*/
@media screen 
and (min-width:480px)
and (max-width:567px) {	
	.ourpics {
		width:197px; 
		height:auto; 
		float:left; 
		margin:10px 15px;
	}
	
	.ourpics img {
		width:100%; 
		height:auto; 
		display:block;
	}
	
	.ourpics-text {
		border:1px solid #e2e2e2; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 12px; 
		width:100%; 
		height:auto; 
		color:#3b3f41; 
		padding:7px;
		background-color:#ffffff;
	}
	
	
}

/* _______________________________
	SMALL TABLETS
--------------------------------*/
@media screen 
and (min-width:568px) 
and (max-width:767px) {
	.ourpics {
		width:197px; 
		height:auto; 
		float:left; 
		margin:7px 34px 7px 34px;
	}
	
	.ourpics img {
		width:100%; 
		height:155px; 
		display:block;
	}
	
	.ourpics-text {
		border:1px solid #e2e2e2; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 14px; 
		width:100%; 
		height:auto; 
		color:#3b3f41; 
		padding:7px;
		background-color:#ffffff;
	}
}

/* _______________________________
	LARGE TABLETS
--------------------------------*/
@media screen 
and (min-width:768px) 
and (max-width:1023px) {
	.ourpics {
		width:177px; 
		height:auto; 
		float:left;
		margin:15px 10px 15px 0;
	}
	
	.ourpics:nth-child(4n+4) {
		margin-right:0;
	}
	
	.ourpics img {
		width:100%; 
		height:auto; 
		display:block;
	}
	
	.ourpics-text {
		border:1px solid #e2e2e2; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 14px; 
		width:100%; 
		height:auto; 
		color:#3b3f41; 
		padding:7px;
		background-color:#ffffff;
		min-height: 70px;
		max-height: 70px;
	}
	
	#promo3 {
		width:236px; 
		height:auto; 
		float:left;
		margin:0 15px 0 0;
		min-height:200px;
		background-color:#ffffff;
	}
	
	#promo3:nth-child(4n+3) {
		margin-right:0!important;
	}
	
	.promo3-latest {
		width:100%;
	}
	
	.latest-issue {
		margin: 15px 49px 5px 0;
	}
	
	.latest-issue img {
		margin-bottom:10px;
	}
	
	.latest-issue:nth-child(4n) {
		margin-right:0;
	}
}
/* _______________________________
	MAX WIDTH 
--------------------------------*/
@media screen 
and (min-width:1024px) {
	.ourpics {
		width:197px; 
		height:auto; 
		float:left; 
		margin:10px 7px 10px 0;
	}
	
	.ourpics img {
		width:100%; 
		height:155px; 
		display:block;
	}
	
	.ourpics-text {
		border:1px solid #e2e2e2; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 14px; 
		width:100%; 
		height:auto; 
		color:#3b3f41; 
		padding:7px;
		background-color:#ffffff;
	}
	#promo3 {
		width:259px; 
		height:auto; 
		float:left;
		margin:10px 15px 10px 0;
		min-height:200px;
		background-color:#ffffff;
	 
	}
}


	