

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

.grid-1280 { width:1280px;}
	
.guarav-gupta {width:280px;}	

.center-logo {  margin-top: 80px;  width: 200px;}

#banner-content h1 {  font-size: 36px;  line-height: 30px; margin-top:40px;}
	
.piercer-name {margin-top:-100px; margin-left:250px;}	

.piercer-name {  font-size: 25px;}

#part-2 {padding-top:60px;}
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.top-navigation a {width: 12.2%;}	

	
}




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

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}
	
.top-navigation {display:none; padding-top:120px; border-bottom:1px solid #444; transition: all 0.5s ease-in 0s;}

.top-navigation a {width:100%; background-image:none; padding:15px 20px!important; border-top:1px solid #444; text-align:left; }	

.top-navigation a:last-child {border-bottom:1px solid #444;}

.top-navigation a br {display:none;}

.logo-gap {display:none;}

header .grid-1280 {padding:0px; width:100%;}

header .grid-1280 .col-1-of-1 {padding:0px;}

.c-menu {padding:15px 20px!important;}
	
.top-navigation a:hover {background-color:#111; color:#fff;}	
	
header.darker .top-navigation {padding-top:75px; transition: all 0.5s ease-in 0s;}	

#banner-content h1 {    font-size: 29px;    line-height: 22px;  }

header.darker {height:63px;}	

.center-logo {    margin-top: 80px;   width: 165px;  }
	
.inside-content-area h1 {  font-size: 36px;}	

.inside-content-area h2 {  font-size: 24px;}

.inside-content-area h3 {  font-size: 20px;}

.thumbnails .showcase {  border: 7px solid #fe1839 !important;}

.inside-content-area {  padding: 0px 0px 0px 0px;}

.listing3 li {width:50%;}

.dark-box-half-left, .dark-box-half-right {padding:20px; min-height:250px;}

#banner-content h1 {font-size:29px; line-height:28px; }

.piercer-name {    margin-top: -100px;    margin-left: 200px;  }

.review-box {width:48%;}

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

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

	
}




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

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

#icon-holder {  width: 100%;  margin: auto;}	

.icon-box span {  font-weight: 600;  font-size: 13px;}

.copyright {  letter-spacing: 1px;}

.center-logo {    margin-top: 0px;    width: 150px;  }

#banner-content h1 {    font-size: 24px;    line-height: 21px;  }

header.darker .getinsane img,  .getinsane img {  width: 200px;}

header.darker, header { height: 63px;}

.guarav-gupta {    width: 195px;  }

.piercer-name {    margin-top: -100px;    margin-left: 200px;  }

.piercer-name em {  font-size: 15px;  letter-spacing: 1px;  font-weight: 600;  font-style: normal; text-align: left;}

.piercer-name {    font-size: 23px;   line-height:100%;  }

.center-logo {    margin-top: 0px;    width: 130px;  }

#banner-content h1 {    font-size: 20px;    line-height: 20px;    margin-top: 25px;  font-weight: 200; }

header.darker .top-navigation, .top-navigation  {padding-top:64px; transition: all 0.5s ease-in 0s;}		
	
.showcase {  border: 7px solid #fe1839 !important;}	

.work-left {  width: 40%;}

.work-right {  width: 60%;}

.thumbnails .showcase {  border: 5px solid #fe1839 !important;}

.thumbnails .showcase {  width: 32.3%;}

.inside-content-area h1 {    font-size: 30px;  }

.inside-content-area h2 {    font-size: 20px;  }

.inside-content-area h2 {    font-size: 18px;  }

.listing3 li {width:100%;}

.dark-box-half-left, .dark-box-half-right {padding:20px; width:100%; margin:10px 0px; min-height:50px;}

.dark-box-half-left h3, .dark-box-half-right h3 {    font-size: 18px;  }

footer .col-1-of-4	{width:50%; height:360px;}

.contact-container {  max-width: 97%;}
	
.dotted-bg h2 {  font-size: 20px;}	
	
	
}





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

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
	
.dark-box-half-left h3, .dark-box-half-right h3 {    font-size: 16px;  }

#privacy-policy  {padding:20px; margin-top:10px;}

#privacy-policy h2{   font-size: 18px;}

#privacy-policy h3{   font-size: 14px;}

#banner-content h1 {margin-top:0px;}

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

.red-box h3 {  text-align: center;  font-size: 24px;}

.review-box {    width: 100%;    margin: 10px 0px; }

.talk {height:auto;}

.talk::after {  margin-top: 0;  top: inherit;  bottom: 51px;}

.dotted-bg h2 {  font-size: 18px;}
	
}





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

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	
#part-1 {display:none;}

.center-logo {    margin-top: 0px;    width: 100px;  }

.hero-area {  padding-top: 10px;}

#banner-content h1 {    font-size: 20px;    line-height: 20px;    margin-top: 25px;    font-weight: 200;    text-align: center; padding:0px 30px;  }

#banner-content h1 br {display:none;}	
	
.icon-box:hover img {  padding: 7px; transition: all 0.5s ease-in 0s;}	

.icon-box span {    font-weight: 600;    font-size: 11px;  }

.icon-box img {  width: 90px; margin-top:10px;}

.copyright {margin-top:40px;    letter-spacing: 0px;    font-weight: 400;    text-transform: capitalize;    padding: 20px 30px;    line-height: 140%;    font-size: 11px;  }

#icon-holder {    margin-top: 20px;  }

.gray-area {  padding: 30px;}

.header-gap {  height: 63px;}

.guarav-gupta2 {display:block; margin:auto; width:100%;}
	
.center-logo {    margin-top: 0px;    width: 200px;  }	

#banner-content h1 {    font-size: 28px;    line-height: 24px;  }
	
.work-left {  width: 100%; padding-right:0px; padding-bottom:20px;}

.work-right {  width: 100%;}

.showcase {margin-right:0px;}

.thumbnails .showcase {  width: 48%; margin:1%;}


.data-table td {  padding: 5px;  font-size: 12px;  line-height: 130%;}

.data-table th {  padding: 8px;  font-size: 12px;  background-color: #fe1839;  line-height: 130%;}	
	
body {font-size:14px;}	
	
#banner-content {  padding-left: 0px;  width: 100%;}	

#basicSlider .MS-content .item {  width: 100px;  height:100px;  margin:10px;}

footer .col-1-of-4 {    width: 100%;    height: auto;    border-bottom: 1px solid #666;    padding-bottom: 30px;  }
	
footer .col-1-of-4 div br {display:none;}	

footer .col-1-of-4 div p br {display:block;}	

.copyright {margin-top:0px;}

.call-to-action .call-button {margin-bottom:5px;}
	
}




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

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	
#features-heading span strong {  letter-spacing: 0px;  width: 254px; font-size:14px; text-transform:capitalize;}

#features-heading span {  width: 326px;}

.icon-box {width:31.33%; margin:1%; float:left; background-image:none; border:1px solid #555; padding-bottom:20px;}

.copyright { margin-top: 30px;}	

#features-heading {  margin-top: 30px;}

.gray-area {    padding: 25px;  }

#mobile-iconbox {display:inline-block;}

.center-logo {    margin-top: 0px;    width: 150px;  }

#banner-content h1 {    font-size: 22px;    line-height: 20px;  }

#features-heading span strong {    letter-spacing: 0px;    width: 210px;}

#features-heading span {    width: 282px;  }

.dark-box, .dark-box-half-left, .dark-box-half-right {  padding: 25px;}

#sticky-cta .cta-btn.call {width: 130px; font-size:14px; padding: 10px 10px 10px 45px; background-size: 25px auto;}

#sticky-cta .cta-btn.whatsapp {width: 130px; font-size:14px; padding: 10px 10px 10px 45px; background-size: 25px auto;}

#privacy-policy  {padding:20px; margin-top:20px;}

.copyright {margin-top:0px;}

.contact-container {padding:20px;}

.dark-grey-box {padding:20px;}

.red-box h3 { margin-top:0px;}

.dotted-bg {padding:20px;}

.dotted-bg  ul { margin:0px; padding:0px 0px 0px 20px;}

.dotted-bg h2 {  font-size: 16px;}

}