/*  1366px  */
@media all and (max-width: 1479px) {

.left-bar { margin-left: 2%;}

.right-bar {margin-right:2%;}

.grid-1260 {    width: 1160px;}

.page-title {    width: 1120px;    line-height: 415px;}

.left-bar {    padding-top: 17%;}

.right-bar { padding-top:16%;}

.top-navigation li a, .top-navigation li span {    padding: 10px 19.5px;}

.logo {    margin: 30px 0px 0px 0px;}

.logo img {width:150px;}

.bottom-navigation li a {    padding: 10px 10px;}

.blog-listing-box {    width: 23%; height:410px;}

.blog-box1 {width:570px; height:420px;   }

.featured-blog p {    font-size: 13px;    line-height: 17px;}

.featured-blog .blog-box1 .caption {    width: 570px; margin-top: -114px;}

.blog-listing-img-box {    height: 205px;}

.blog-box2, .blog-box3, .blog-box4, .blog-box5 {width:280px; height:205px; float:left; margin:5px;}
.blog-box2 .image-holder, .blog-box3 .image-holder, .blog-box4 .image-holder, .blog-box5 .image-holder { height:205px;}
.featured-blog .caption {width:280px; margin-top:-78px; }

.scroll-down {width:20px; padding:0px 10px; display:none;}

.long-arrow {width:20px; display:none;}

.top-navigation li a, .top-navigation li span { padding: 10px 11.4px;}	
	
h1 {line-height: 100%;}
	
	
.day-left::before {margin-right: -47px;}	
	
.day-right::before {  margin-left: -49px;}
	

h1  {max-width:80%;}	
	
.inside-banner-blog  .page-title { padding-top:13%;}	

.testimonials {  max-width: 1080px;}

}



/*  1280px  */
@media all and (max-width: 1339px) {

.grid-1260 {    width: 1100px;}

.page-title {    width: 1060px;    line-height: 395px;}

.top-navigation li a, .top-navigation li span {    padding: 10px 9px;}

.bottom-navigation li a {    padding: 10px 8px;}

.blog-caption p { font-size:14px; line-height:20px;}

.blog-listing-box {   width: 23%; height:390px;}

.blog-listing-img-box {   height: 180px;}

.blog-listing-box {    width: 23%; height:360px;}

.left-bar {    padding-top: 18%;}

.right-bar { padding-top:16%;}


.blog-box1 {width:550px; height:400px;   }

.featured-blog .blog-box1 .caption {    width: 550px; margin-top: -158px;}

.blog-box2, .blog-box3, .blog-box4, .blog-box5 {width:255px; height:200px; float:left; margin:5px;}
.blog-box2 .image-holder, .blog-box3 .image-holder, .blog-box4 .image-holder, .blog-box5 .image-holder { height:192px;}
.featured-blog .caption {width:255px; margin-top:-100px; height:100px; }


.training-days {width: 95%; margin-left: auto; margin-right: auto;}	

.day-left::before { margin-right: -42px;}	

.day-right::before { margin-left: -42px;}		
	
.page-title {font-size: 100px;}	

.training-item {height:100px;}
	
.training-days {  background-size: 2px 546px;	}

.tattoo-cat-box { height:900px;	}

#fullsize-video iframe {height:620px; margin-top:20px;}	

.inside-banner-blog {  height: 440px;}

.inside-banner-blog  .page-title {  font-size:40px; line-height:150%; height:395px; padding-top:12%; box-sizing:border-box; }

.testimonials {  max-width: 1017px;}

}








/*  980px  */
@media all and (max-width: 1239px) {

.grid-1260 {    width: 825px;}

.page-title {    width: 802px;    line-height: 305px; margin:10px;}

.top-navigation li a, .top-navigation li span {    padding: 4.6px; font-size:18px;}

.bottom-navigation li a {    padding: 3px; font-size:11px;}

footer p {    font-size: 14px;}

.logo img {    width: 100px;}

.left-bar {    padding-top: 30%;}

.right-bar { padding-top:30%;}

.blog-listing-box {    width: 31%;    height: 360px;}

h1 {    font-size: 38px; line-height:42px;}

h2 {    font-size: 28px;}

.blog-box2, .blog-box3 {width:255px; height:195px;}
.blog-box2 .image-holder, .blog-box3 .image-holder{ height:195px;}
.featured-blog .caption {width:255px; margin-top:-90px; height:90px; }
.blog-box1 img, .blog-box2 img, .blog-box3 img, .blog-box4 img, .blog-box5 img {    width: 105%;}


.blog-box4, .blog-box5 {width:402px; height:315px;}
.blog-box4 .image-holder, .blog-box5 .image-holder {height:315px;}
.blog-box4 .caption, .blog-box5 .caption {width:402px; margin-top:-90px; height:90px; }

.featured-blog .blog-box1 .caption {    margin-top: -148px;}

.tabs a {font-size:13px; line-height:20px; width:140px;}

.review-box {    width: 47.3%;    }
	
	
.top-navigation li { width:100%; border-bottom:1px solid #222;}

.top-navigation li  a, .top-navigation li span {padding:7px 15px;}

.top-navigation { background-color:#000; display:table;  width:814px; position:absolute; top:87px; margin-left:5px; z-index:100000; display:none;}


	
.day-left::before { margin-right: -29px;}	

.day-right::before { margin-left: -29px;}		
	
.training-days {background-size: 2px 498px;}	


.dropdown-content {  position: relative;  min-width: 100%;}

.dropdown span::after {   content: '';  display: block;  background-image: url(../images/downarrow.png);  background-repeat: no-repeat;  background-position: 59% top;  float: right;  width: 15px;  height: 9px;  margin-top:8px;}

.page-title {  font-size: 80px;}

.training-item {width: 27.6%;}
	
.training-days {  background-size: 2px 620px;}	

.extra-space {  height: 144px;}


.tabs a {  width: 30%;}
	
.tabs a br {display:none;}
    
h1  {max-width:95%;}	


.blog-box-new {  width: 32.33%;}

.blog-box-new:nth-child(4), .blog-box-new:nth-child(5) {  width: 49%;}

.featured-blog .blog-box-new .caption {height:120px;}

.featured-blog .blog-box-new:nth-child(4) .caption,  .featured-blog .blog-box-new:nth-child(5) .caption {  height: 120px;}

.tattoo-cat-box {  width: 31%;}

.half-left.tattoo-shop, .half-right.tattoo-shop {width:100%;  text-align:center;}

.four-column {width: 45%; border:0px;    }

.piercing-box {  width: 30.5%;}

#fullsize-video iframe {height:460px; margin-top:20px;}	
	
.blog-left {width:100%;}	

.blog-right {width:100%; margin-top:30px; margin-bottom:30px;}	

.inside-banner-blog {  height: 440px;}
	
.inside-banner-blog  .page-title {  font-size:30px; line-height:130%; height:420px; padding-top:15%; box-sizing:border-box; }	

.blog-box h2 {  padding: 15px 20px 0px 20px;  line-height: 110%; font-size:20px;}

.blog-box p {line-height:120%; font-size:14px; height:90px; padding-top:10px;}

.blog-box a {margin-bottom:0px;}

.testimonials {  max-width: 745px;}

}











/*  768px  */
@media all and (max-width: 979px) {

.grid-1260 {    width: 600px;}

.page-title {    width: 580px;    line-height: 215px; font-size:100px;}


.home-page .top-navigation {top:87px; }

header {background-image:none;}

.logo {    margin: 20px 0px 0px 0px;}

.blog-box1 {    width: 590px;    height: 450px;}

.featured-blog .blog-box1 .caption {    width: 590px;    margin-top: -97px;}

.left-bar { margin-left: 3%;}

.right-bar {margin-right:3%;}

.blog-listing-box {   width: 47%;  height: 340px;}

.bottom-navigation li a {    padding: 5px 11px;    font-size: 12px; border:1px solid #333;}

.bottom-navigation li  {margin-bottom:4px;}

.bottom-navigation { border:0px;}

.blog-box2, .blog-box3, .blog-box4, .blog-box5 {width:290px; height:200px;}
.blog-box2 .image-holder, .blog-box3 .image-holder, .blog-box4 .image-holder, .blog-box5 .image-holder {height:200px;}
.blog-box2 .caption, .blog-box3 .caption, .blog-box4 .caption, .blog-box5 .caption {width:290px; margin-top:-90px; height:90px; }

.page-title {    font-size: 60px;}

.tabs a {    width: 25%;}
    
.review-box {height: 430px;}    

.top-navigation {width: 590px}		
	
	

.training-left, .training-right  {width: 100%;}	

.day-left {   width: 100%;  float: none;  text-align: left;  padding-left: 60px; margin-bottom: 40px;}	
	
.day-right {   width: 100%;  float: none;  text-align: left;  padding-left: 60px; margin-bottom: 40px;}	
	
.day-left::before {  margin-right: 0;  float: left;  margin-left: -38px;  margin-top: 9px;}	
	
.day-right::before {  margin-right: 0;  float: left;  margin-left: -38px;  margin-top: 9px;}	
	
.training-days {  background-position: 32px 135px;	}
	
.training-days {  background-size: 2px 575px;}	
	
.training-days {  padding: 30px 0 0px 0;}		
	
.training-item {  width: 43.6%;}

.day-left, .day-right {  width: 89%;}

.training-days {  background-size: 2px 605px;}

.extra-space {  height: 75px;}

body {  font-size: 14px;}

#mixedSlider3 .MS-controls button {top:42%;}

.tabs a br {display:block;}

h1  {max-width:100%;}	
	
.featured-blog .blog-box-new .caption {height:160px;}	

.blog-listing-box-new {  width: 32.33%;}

.blog-listing-box-new .blog-caption {  padding: 20px 0px;  height: 120px;}

.tattoo-cat-box {  width: 48%; height:860px;}

.four-column {width: 43%; border:0px;    }

.piercing-box {  width: 47%;}

#fullsize-video iframe {height:340px; margin-top:20px;}	

.modal {  padding-top: 50px;}

.close  {right: 5px;}

.inside-banner-blog {  height: 360px;}
	
.inside-banner-blog  .page-title {  font-size:30px; line-height:130%; height:338px; padding-top:15%; box-sizing:border-box; }	

.blog-box {  display: block;  float: none;  width: 100%;}

.blog-box p {    height: 70px;  }

.inside-banner-blog  .page-title { padding-top:15%;}	

.testimonials {  max-width: 522px;}

#mixedSlider1 .MS-content .item {    width:78%;    margin: 0px 11%;  }

}








/*  640px  */
@media all and (max-width: 767px) {


.left-bar {display:none;}

.right-bar {display:none;}

h1 {margin:10px 0px;}

.inside-banner {margin-bottom:0px;}

.contactus-left { width:100%; text-align:center; }

.contactus-right { width:100%;}

.contact-form {margin:auto; padding-bottom:30px; display:table; width:100%;}

.mobile-navigation {background-color:#000; width:100%; height:40px; display:block; border-bottom:1px solid #444; position:fixed; left:0px; top:0px; z-index:100000;}

header {    padding-top: 35px;}

.mobile-navigation a {color:#fff; box-sizing:border-box; display:inline-table; line-height:40px; width:33%; float:left; text-align:center; font-weight:600; font-size:14px; border-left:1px solid #444;  text-transform:uppercase; }

.menu { background-image:url(../images/menu-small.png); background-repeat:no-repeat; background-position:10px center; padding-left:10px;}

.emailus { background-image:url(../images/email-small.png); background-repeat:no-repeat; background-position:10px center; padding-left:15px;}

.callus { background-image:url(../images/phone-small.png); background-repeat:no-repeat; background-position:10px center; padding-left:15px;}

.top-navigation {   width:100%; left:0px; top:33px; margin-left:0px; z-index:100000; display:none; position:fixed;}

.logo-inside img {z-index:10;}

.home-page .top-navigation {    top: 33px;}

.half-right.tt-left, .half-left.tt-left {width:100%; margin-bottom:20px;}

.grid-1260.tattoo-training.days {  margin-bottom: 20px;}

.extra-space {  height: 0;}

.training-days {  background-size: 2px 566px;}

.advt {max-width:320px;}

footer {  padding: 80px 0px 110px 0px;}		
	
.four-column {width:100%;}	

h1 { font-size: 32px;  line-height: 42px; }

.four-column {width: 95%; border:0px;  height:auto; border-bottom:1px solid #ccc; margin-bottom:20px;    }

#fullsize-video iframe {height:340px;}	

#img01 {  width: 90%;  display: block;  margin: auto;}
	
.modal {  padding-top: 100px;}

.close  {right: 5px; top:55px;}

.inside-banner-blog {  height: 280px;}
	
.inside-banner-blog  .page-title {  font-size:30px; line-height:120%; height:260px; padding-top:18%; box-sizing:border-box; padding-left:30px; padding-right:30px; }	

.blog-box {margin-top:15px;}	
	
.inside-banner-blog  .page-title { padding-top:12%;}		
	
}






/*  480px  */
@media all and (max-width: 639px) {

.grid-1260 {    width: 440px;}

.page-title {    width: 420px;    line-height: 153px; font-size:60px;}

.blog-box1 {    width: 440px;    height: 340px;}

.featured-blog .blog-box1 .caption {    width: 440px;    margin-top: -91px;}

.blog-box1 .image-holder { height:340px;}


.blog-box2, .blog-box3, .blog-box4, .blog-box5 {width:440px; height:340px;}
.blog-box2 .image-holder, .blog-box3 .image-holder, .blog-box4 .image-holder, .blog-box5 .image-holder {height:340px;}
.blog-box2 .caption, .blog-box3 .caption, .blog-box4 .caption, .blog-box5 .caption {width:440px; margin-top:-118px; height:118px; }

.blog-listing-box {    width: 100%;    height: 340px;    margin: 10px 0;}

.blog-listing {    margin: 15px 0px;}

.welcome { padding:0px;}

.half-left, .half-right {width:100%;}

.address {    font-size: 14px;    font-weight: 500;}

.tabs a {    width: 33%;}

.welcome {padding-bottom:30px;}
    
.review-box {width: 100%; height: auto; margin: 10px auto;}    

	
.day-left, .day-right {  width: 75%;	}

.training-days {  background-position: 32px 145px; margin-bottom: 0px;	}
	
.training-days {  background-size: 2px 615px;}	
	
	
.training-item {  width: 92%;  height: auto; display:block; margin:5px auto;}	

.page-title {  font-size: 40px;}


.day-box {width:100%; margin:20px 0px;}

.training-days {  background-size: 2px 700px;}

#mixedSlider3 .MS-controls button {top:41%;}
	
.blog-box-new{  width: 49%;}	

.featured-blog .blog-box-new:nth-child(4) .caption, .featured-blog .blog-box-new:nth-child(5) .caption, .featured-blog .blog-box-new .caption {  height: 140px;}

.blog-listing-box-new {  width: 49%;}
	
footer {  padding: 80px 0px 110px 0px;}	

.tattoo-cat-box {  width: 100%; margin:2% 0px; height:auto;}

.piercing-box {  width: 100%; margin:5% 0px; display:table;}

#fullsize-video iframe {height:250px;}	

.inside-banner-blog  .page-title { padding-top:14%;}		

	
.testimonials {  max-width: 522px;}

#mixedSlider1 .MS-content .item {    width:78%;    margin: 0px 11%;  }

.testimonials {    max-width: 360px;  }	

#mixedSlider1 .MS-controls .MS-right { right: -30px;}

#mixedSlider1 .MS-controls .MS-left {left:-30px;}

#mixedSlider1 .MS-content .item {width:80%; margin:0px 10%;}

.quote1 { display:inline-block; margin-right:5px; width:15px;}

.quote2 { display:inline-block; margin-left:5px; width:15px;}


	
}









/*  360px  */
@media all and (max-width: 479px) {

.grid-1260 {    width: 320px;}

.page-title {    width: 308px;    line-height: 115px; font-size:30px; margin:5px;}

.blog-box1 {    width: 320px;    height: 370px;}

.featured-blog .blog-box1 .caption {    width: 320px;    margin-top: 0; background-color:#000; height:110px;}

.blog-box1 .image-holder { height:250px;}


.blog-box2, .blog-box3, .blog-box4, .blog-box5 {width:320px; height:355px;}
.blog-box2 .image-holder, .blog-box3 .image-holder, .blog-box4 .image-holder, .blog-box5 .image-holder {height:250px;}
.blog-box2 .caption, .blog-box3 .caption, .blog-box4 .caption, .blog-box5 .caption {width:320px; margin-top:0; height:90px; background-color:#000; }

.blog-listing-box {    width: 100%;    height: 340px;    margin: 10px 0;}

.phone {    font-size: 36px; padding: 10px 0px; display:block; line-height: 28px; width:230px; margin:auto;}

.phone img {width:30px; margin-right:10px; }

h1 {    font-size: 32px;    line-height: 34px;}

footer p {    font-size: 12px;    width: 250px;    margin: 0px auto 20px auto;}

.copyright {    text-transform: uppercase;    font-size: 9px;    letter-spacing: 1px;}

h2 {    line-height: 30px;}

.tabs a {    width: 100%; margin:5px 0px; box-sizing: border-box;}
	
	
	
.training-days {  padding: 0px 0 0px 0;}	
	
.training-days {  background-size: 2px 735px;}	
		
		
.call {  left: 10px;  width: 145px;  padding: 5px;  font-size: 15px;}	

.call img {  margin-right: 8px;}

.whatsapp {  right: 10px;  width: 145px;  padding: 5px;  font-size: 15px;}	

.whatsapp img {  margin-right: 8px;}

#mixedSlider3 {width:320px;}

#mixedSlider3 .MS-controls button {top:38%;}

.tabs a br {display:none;}

.advt {max-width:300px;}

.blog-box-new{  width: 100%!important; margin:2% 0px;}	

.featured-blog .blog-box-new:nth-child(4) .caption, .featured-blog .blog-box-new:nth-child(5) .caption, .featured-blog .blog-box-new .caption {  height: auto;}

.blog-listing-box-new { width: 100%; margin:2% 0px;}

.blog-listing-box-new .blog-caption {  padding: 10px 0px;  height: auto;}

footer p {  letter-spacing: 0px;}

footer {  padding: 80px 0px 80px 0px;}	

.MS-left img, .MS-right img {width:30px;}

h1, h2 { font-size: 24px;  line-height: 32px; }

#fullsize-video iframe {height:180px;}

.close {    right: -10px;}

.inside-banner-blog {  height: 400px; margin-bottom:20px;}

.inside-banner-blog img {width:200%; margin-left:-30%;}
	
.inside-banner-blog  .page-title {  font-size:30px; line-height:120%; height:390px; padding-top:28%; box-sizing:border-box; padding-left:30px; padding-right:30px; }	

.blog-box p {    height: 90px;  }

.inside-banner-blog  .page-title { padding-top:43%;}		

.testimonials {    max-width: 245px!important; width:245px!important;  }	

#mixedSlider1 .MS-content {  max-width: 250px;}

#mixedSlider1 .MS-content .item {width:100%; padding:0px; margin:0px;}
 
}