.d_createGallery {
				margin: 0;
				padding-left: 0;
				position:relative;
				width: 100%;
			}
			  .d_createGallery__item img
			, .d_createGallery__item p
			, .d_createGallery__item div
			, .d_createGallery__item a
			, .d_createGallery__item span {
				margin-bottom:0 !important;
				margin-top:0 !important;
				margin-right:0 !important;
				margin-left:0 !important;
				padding-bottom:0 !important;
				padding-top:0 !important;
				padding-right:0 !important;
				padding-left:0 !important;
			}
			.d_createGallery__item .d_createGallery__title {
				text-align:left;
				bottom: -1px;
				position: absolute;
				width:100%;
				
				padding-top:2% !important;
				padding-right:1% !important;
				padding-bottom:3% !important;
				padding-left:3% !important;

				font-size: 11px;
				background-color:rgba(255,255,255,0.5);
			}
			.notmobile .d_createGallery__title {/* ? 'ismobile' : 'notmobile'; is set on body class, in d_misc */
				opacity: 0;
				bottom: -42px; 
				-webkit-transition: all 0.6s ease;
				-moz-transition:    all 0.6s ease;
				-o-transition:      all 0.6s ease;
				color:#333;
			}
		
			.notmobile .d_createGallery__item:hover .d_createGallery__title {
				opacity: 1;
				bottom: -1px;
			}
			.ismobile .d_createGallery__title {
				/*position: relative; padding: 0 2px 6px;  Lets just not show it on mobile, the caption will be in the popup	*/
				display:none;			
			}
				
			.d_createGallery__item img {
				display:block;
				border:none;
				height: auto;
				width: 100%;/* this should be an option */
			}
			
			.d_createGallery__item.cols_4 {
				padding:0 ;
				display:block;
				max-width:24%;
				width:100%;
				margin: 0 0 1.32% 0;
				float:left;
			}
			.d_createGallery__item.cols_3 {
				max-width:32%;
				width: 100%;
				margin: 0 0 1.9% 0;
			}
			
			
			#masonrygutter.cols_4{/* if change the gutter, the cols need to change too.  add up to 100%  */
				width:1.32%;
			}
			#masonrygutter.cols_3{
				width:1.9%;
			}
			.show_d_galleries__each{
				float:left;
				width:48%;
				margin-bottom:4%;
				margin-right:4%;
			}
			.show_d_galleries__each .post-img img{
				width:100%;
			}
			
			.show_d_galleries__each:nth-of-type(2n+2) {
			  margin-right: 0;
			}
			
			@media screen and (max-width: 480px) {
				.show_d_galleries__each{
					float:none;
					width:100%;
					max-width:100%;
					margin-bottom:4% !important;
					margin-right:0 !important;
				}
			}
	
		/* the info icon */
		.notmobile .d_createGallery__item.has_caption:before { 
			content: "?"; 
			position: absolute; 
			background: rgba(255,255,255,0.55); 
			color: black;
			
			font-size: 9px;
			line-height: 16px;
			width: 16px;
			height: 16px;
			-webkit-border-radius: 12px;
			-moz-border-radius:    12px;
			border-radius:         12px;
			text-align: center;
			
			/* Only Fx 4 supporting transitions on psuedo elements so far... */
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease;
			opacity: 0.75;
			bottom:1px;
			right:1px;	
		}
		.notmobile .d_createGallery__item:hover:before {
			opacity: 0;
		}