html body {
    top: 0px !important;
    background: white;
}

strong {
    font-size: 1.3em;
}

.nav strong {
	font-size: 85%;
	letter-spacing: 2px;
	
}

.nav-wrapper {padding-bottom: 0;}

.nav-wrapper ul li, ul.nav li {font-size: 16px;}

.nav-wrapper.hasScrolled {
	background: #333333;
	padding: none;
}

/* .main {
    padding-top: 12px;
} */ 

/* .container {
    position: initial;
} */

.imageComment {
    border-bottom: white 2px solid;
    border-top: white 2px solid;
    padding-top: 10px;
}


#newThread {
	color: red;
}

.redButton {
	color: red;
}

.register {
	color: red;
}


.imageComment .message {
    display: block;
    padding-top: 10px;
}

.copyright {
    margin-bottom: 30px;
}

.header-img img {
    width: 90%;
}

.site-title, h1.site-title {
    margin: 0 auto;
}

.container .logo-inner-wrapper {
    display: none;
}

.nav-wrapper .inner-wrapper {
    width: 100%;
}

.flickity-viewport {
    background-image: url('http://www.mdtattoos.com/images/gallery/slidercut.png');
    background-repeat: round;
}

.flickity-slider .carousel-cell {
  width: 100% !important;
  height: 600px !important;
}

.flickity-slider .carousel-cell img {
    height: 100% !important;
    width: auto !important;
    top: initial !important;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute !important;
}

.thumbnail-slider {background: #000;}

.thumbnail-slider {max-height: 375px; height: 375px; min-height: 300px; overflow: hidden;}

.thumbnail-slider .owl-item {height: 375px;}

.thumbnail-slider .owl-item .nailthumb-container {
	display: flex;
	flex-direction: column;
  	justify-content: center;
	height: 375px !important;
	width: 100% !important;
}

.thumbnail-slider .owl-item .nailthumb-container img {
	left: auto !important; top: auto !important; width: 100% !important; height: auto !important; 
}

.mailinglist-main {
    padding-bottom: 30px;
}

form input, form textarea, form#contact input, form#contact textarea, #mailinglistform input, #mailinglistform textarea {
    width: 100%;
}

#localization {
	
}

#localization form input {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
}

.newsArticle #newsTitle {
    font-size: 24px;
    font-weight: bold;
}

#newsContent form input {
    width: 230px;
}

.Videos-cat-wrapper .category-entry {
	padding-bottom: 40px;
}

.Videos-cat-wrapper .category-entry h2 {
	margin: 0 0 5px 0;
}

/* TRANSLATOR */

#google_translate_element {
    position: fixed;
    bottom: 0px;
    z-index: 4;
    background: rgba(255,255,255,0.8);
    width: 180px;
    padding-left: 15px;
}

.goog-te-banner-frame {
    top: auto !important;
    bottom: 0px;
    position: fixed !important;
}

/* END TRANSLATOR */

/*- NAV -*/

.nav-wrapper {
    height: 50px;
    background: white;
    padding-bottom: 4%;
    border-bottom: 2px solid black;
}

.nav-wrapper ul, ul.nav {
    float: none;
    padding-top: 2%;
}

.nav-wrapper ul li, ul.nav li {
    margin: 0 24px 0 0;
}

.nav-wrapper .nav-social {
    display: inline-flex;
    vertical-align: middle;
    margin-bottom: 43px;
}

.nav-wrapper .nav-social a {
    width: 20px;
    height: 20px;
    opacity: 0.5;
    padding: 0;
    margin: 5px;
    transition: opacity 450ms ease;
    -moz-transition: opacity 450ms ease;
    -ms-transition: opacity 450ms ease;
    -o-transition: opacity 450ms ease;
    -webkit-transition: opacity 450ms ease;
}

.nav-wrapper .nav-social a:hover {
    opacity: 0.75;
}

.fb {
    background-image: url('https://tattoos.gallery/images/social/fb_b.png');
}

.twit {
    background-image: url('https://tattoos.gallery/images/social/twit_b.png');
}

.pin {
    background-image: url('https://tattoos.gallery/images/social/pin_b.png');
}

.inst {
    background-image: url('https://tattoos.gallery/images/social/inst_b.png');
}

.yt {
    background-image: url('https://tattoos.gallery/images/social/yt_b.png');
    background-repeat: round;
}

.hasScrolled .fb {
    background-image: url('https://tattoos.gallery/images/social/fb_w.png');
}

.hasScrolled .twit {
    background-image: url('https://tattoos.gallery/images/social/twit_w.png');
}

.hasScrolled .pin {
    background-image: url('https://tattoos.gallery/images/social/pin_w.png');
}

.hasScrolled .inst {
    background-image: url('https://tattoos.gallery/images/social/inst_w.png');
}

.hasScrolled .yt {
    background-image: url('https://tattoos.gallery/images/social/yt_w.png');
}

/* MINILOGO */

.nav-wrapper #minilogo {
    margin-left: 5px;
    margin-right: 20px;
    margin-bottom: 1px;
    position: relative;
    height: 40px;
    width: 155px;
}

.nav-wrapper #minilogo a {
    display: inline;
}

.nav-wrapper #minilogo .blk {
    opacity: 1;
}

.nav-wrapper #minilogo .wht {
    opacity: 0;
}

#minilogo img {
    position:absolute;
    left:0;
    height: 40px;
    -webkit-transition: opacity 750ms ease;
    -moz-transition: opacity 750ms ease;
    -o-transition: opacity 750ms ease;
    -ms-transition: opacity 750ms ease;    
    transition: opacity 750ms ease; 
}

.hasScrolled #minilogo .blk {
    opacity: 0;
}

.hasScrolled #minilogo .wht {
    opacity: 1;
}

/* END MINILOGO */
/*- END NAV -*/

.newsArticle {
	padding-bottom: 20px;
    border-bottom-width: 4px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

/* .thumbsThumbnail img {
    width: 100% !important;
    height: 100% !important;
} */

#thumbsNavBottom {
    padding-top: 20px;
}

legend {
    color: #fff;
}

.contact-form-wrapper h1 {
    text-align: inherit;
}

#galleryimage img {
    width: 100%;
    height: 100%;
}

/* BEGIN CONTACT BAR */

.contact-bar {
    border-top: 0;
    border-bottom: 0;
    display: none;
}

.contact-bar a {
    margin-left: 0;
}

.contact-bar a, .contact-bar span {
    display: inline;
}

.contact-bar .inner-wrapper {
    margin-top: -6%;
    width: 77%;
}

.contact-bar .contact-left {
    float: right;
}

.contact-bar .contact-left .tel-link {
    float: right;
}

.custom-banner {
	margin: 0 auto 30px auto;
	text-align: center;
}

#mailinglistform input {display: none;}

#mailinglistform input:first-child {display: block;}

#mailinglistform input#captchaText {display: block;}

#mailinglistform input[type="submit"] {display: block;}


/* LOGO FIX */

.site-title,
h1.site-title {
	margin: 0 auto; left: 0; right: 0;
	position: relative;
	width: 193px;
	z-index: 10;	
}

.nav-toggle-wrapper {z-index: 11;}

.nav-wrapper.hasScrolled {z-index: 12;}

.nav-wrapper.hasScrolled .nav-toggle-wrapper {z-index: 12;}

#gallery-thumbs li.store-thumb {
	background-image: url('https://www.mdtattoos.com/img/devries-store-icon.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#gallery-thumbs li.store-thumb a {display: block; width: 100%; height: 100%;}

.info-wrapper.galleries-wrapper ul li span {border: 1px solid #000;}

.nav-wrapper .social-media-buttons {
	float: none;
	position: absolute;
	right: 20px; top: 3px;
}


.home-news {
	background: white;
}

.home-about {
	background: white;
}

.inside-main {
	background: white;
}

.main {
	background: white;
	padding-top: 3%;
}

.dark-section {
	background: white;
}

.button.new-thread-button {
	color: red;
}

@media (min-width: 1010px) {

	/* GALLERIES FIX */

	.thumbsThumbnail {
  		height: 310px;
    	margin: 0 15px 15px 0;
    	width: 310px;
	}
	
	.thumbsThumbnail .nailthumb-container {
    	height: 310px !important;
    	width: 310px !important;
	}
	
	.thumbsThumbnail:nth-child(4n+4) {margin-right: 15px;}
	
	.thumbsThumbnail:nth-child(3n+3) {margin-right: 0px;}
	
	.info-wrapper.galleries-wrapper ul li {
		height: 225px;
		margin: 0 20px 20px 0;
		width: 225px;
	}
	
	.info-wrapper.galleries-wrapper ul li:nth-child(3n+3) {margin-right: 20px}
	
	.info-wrapper.galleries-wrapper ul li:nth-child(4n+4) {margin-right: 0px;}
	
	
	
	

}


@media screen and (max-width: 1201px) {
    .contact-bar {
        display: none;
    }
}

/* END CONTACT BAR */

/* RESPONSIVE STYLES */
/*@media (max-width: 1250px) and (min-width: 1010px){
    #minilogo img {
        display: none;
    }
    #minilogo {
        height: 40px;
    }
    .nav-wrapper #minilogo {
        content: url("https://tattoos.gallery/mikedevriestattooshosted/images/ckimages/images/MD_small.png");   
    }
    .hasScrolled #minilogo {
        content: url("https://tattoos.gallery/mikedevriestattooshosted/images/ckimages/images/MD_logo2_TM.png");
    }
}*/

@media (max-width: 1218px) and (min-width: 1010px) {
    .nav-wrapper .nav-social {
        display: none;
    }
}

@media (max-width: 1170px) and (min-width: 1010px) {
    .nav-wrapper .nav-mailing {
        display: none;
    }
}

@media (min-width: 1260px) {

	.thumbnail-slider {
		max-height: 500px;
		height: 500px;
	}
	
	.thumbnail-slider .owl-item {
    	height: 500px;
	}
	
	.thumbnail-slider .owl-item .nailthumb-container {
		height: 500px !important;
	}
	
	.thumbnail-slider .owl-controls .owl-nav div.owl-prev,
	.thumbnail-slider .owl-controls .owl-nav div.owl-next {
		top: 230px;
	}
	
	

}

@media (max-width: 1010px) {

    .container .logo-inner-wrapper {
        display: inline;
        height: 50px;
        padding-top: 5%;
    }
    .container .logo-inner-wrapper .logo-wrapper {
        margin-top: -66px;
    }
    .header-img img {
        width: auto;
        height: 50px !important;
    }
    
    .nav-wrapper .inner-wrapper {
    	width: 840px;
	}
    
    .nav-wrapper #minilogo {
        margin-left: 39px;
    }
    
    .nav-wrapper #minilogo .blk {
        opacity: 0;
    }

    .nav-wrapper #minilogo .wht {
        opacity: 0.75;
    }
    
    .nav-wrapper #minilogo img {
        margin-top: -2px;
    }
    
    .container .nav-wrapper .nav .nav-social {
        display: flex;
        margin-top: 15px;
        padding-left: 30px;
    }
    
    .nav .nav-social .fb {
        background-image: url('https://tattoos.gallery/images/social/fb_w.png');
    }

    .nav .nav-social .twit {
        background-image: url('https://tattoos.gallery/images/social/twit_w.png');
    }
    
    .nav .nav-social .pin {
        background-image: url('https://tattoos.gallery/images/social/pin_w.png');
    }
    
    .nav .nav-social .inst {
        background-image: url('https://tattoos.gallery/images/social/inst_w.png');
    }
    
    .nav .nav-social .yt {
        background-image: url('https://tattoos.gallery/images/social/yt_w.png');
        background-repeat: round;
    } 
     
}

@media (max-width: 1010px) and (min-width: 481px) {
    .nav-wrapper #minilogo {
       display: none;
        margin-top: -3px;
        clear: right;
    }
    .nav-wrapper #minilogo img {
        padding-right: 30px;
        float: right;
    }    
}

@media (max-width: 900px) {
	
	 .nav-wrapper .inner-wrapper {
    	width: 680px;
	}
	
	.logo-wrapper {
		margin: 0 auto;
		width: 680px;
	}
	
	.site-title, h1.site-title {margin: 0;}
	
	.nav-toggle-wrapper {float: right; margin-right: 33px;}
	
	.nav-wrapper.active ul, .nav-wrapper.active ul.nav {right: 0px;}
	
	.nav-wrapper.active ul li, .nav-wrapper.active ul.nav li {text-align: right; padding-right: 33px;}

}

@media (max-width: 850px) {

	.thumbnail-slider {
		max-height: 300px;
		height: 300px;
	}
	
	.thumbnail-slider .owl-item {
    	height: 300px;
	}
	
	.thumbnail-slider .owl-item .nailthumb-container {
		height: 300px !important;
	}


}

@media (max-width: 721px){
    .inner-wrapper td img {
        width: 100%;
    }
    .flickity-viewport {
        height: 300px !important;
    }
    .flickity-viewport .flickity-slider img {
        width: 100% !important;
        height: 300px !important;
        left: 0 !important;
    }
    
   /* .thumbnail-slider {height: 350px;}
    
    .thumbnail-slider .owl-item {
    	height: 350px;
	}
	
	.thumbnail-slider .owl-item .nailthumb-container {
		height: 350px !important;
	} */
    
}

@media (max-width: 719px) {

	.nav-wrapper ul,
	ul.nav {
		width: 212px;	
	}

	.nav-wrapper .inner-wrapper {
    	width: 440px;
	}
	
	.logo-wrapper {
		margin: 0 auto;
		width: 440px;
	}

}


@media (max-width: 580px){

	.thumbnail-slider {
    	height: 275px; min-height: 275px;
	}
	
	.thumbnail-slider .owl-item {
    	height: 275px;
	}
	
	.thumbnail-slider .owl-item .nailthumb-container {
    	height: 275px !important;
	}

}


@media (max-width: 480px) {

	.nav-wrapper {position: relative;}

	.nav-wrapper.hasScrolled {position: fixed;}

    .nav-wrapper #minilogo {display: block;}
    
    .nav-wrapper ul a, .nav a {
        padding: 0;
    }
    
    .nav-toggle-wrapper {
    	float: none; margin-right: auto; margin-left: auto;
    	position: relative; left: 0px; right: 0px; 
    }

	.active .site-title,
	.active h1.site-title {display: none;}

   .container .logo-inner-wrapper {
        display: block;
    }
    
    .container .logo-inner-wrapper .logo-wrapper {
	    margin-top: -10px;
	}
	
	.container .logo-inner-wrapper {
    	padding-bottom: 10px;
    }
    
    .flickity-viewport {
        height: 200px !important;
        width: 100% !important;
    }
    .flickity-viewport .flickity-slider img {
        height: 200px !important;
    }
    
    .thumbnail-slider {
    	height: 200px; min-height: 200px;
	}
	
	.thumbnail-slider .owl-item {
    	height: 200px;
	}
	
	.thumbnail-slider .owl-item .nailthumb-container {
    	height: 200px !important;
	}
	
	.footer {text-align: left;}

	.footer-address span {
    	margin-left: 0px;
	}
	
	.nav-wrapper .social-media-buttons {
		top: -3px;
		z-index: 100;
	}
	
	.nav-wrapper .social-media-buttons a {z-index: 105;}
    
    .active .nav-wrapper .social-media-buttons a {background-position: right top;}
    
    .logo-wrapper {width: 280px;}
    
    .site-title, h1.site-title {
    	margin: 0 auto;
	}
	
	.nav-wrapper ul, ul.nav {
		width: 100%;
	}
	
	.nav-wrapper.active ul li, .nav-wrapper.active ul.nav li {text-align: left; margin-bottom: 5px;}
    
    .nav-wrapper #minilogo {margin-bottom: 10px; text-align: center;}
    
    .nav-wrapper #minilogo img {
    	right: 0px; left: 0px; margin-left: auto; margin-right: auto;
    }
    
    .extranav {
    	height: 65px;
    }
    
    .nav-wrapper.extranavenabled {top: 0;}
    
    .translate-wrapper {
    	float: none; margin-bottom: 7px;
	}
	
	.social-media-buttons a.button:first-child {margin-left: 0px;}
	
	.social-media-buttons {text-align: center;}
    
    .header.extranavenabled {
    	padding-top: 65px; 
    }
    
    .nav-wrapper {padding-bottom: 0px;}
    
}