/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.main-image {
        /* width: 344px; */
		width: 100%;
    }
    .container {
		max-width: 1170px;
	}
  /* .overlay-image,
  .overlay-image1 {
    width: 170px;
  } */
 


}
@media (min-width: 1280px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.header__menu ul li {
		margin-right: 18px;
	}
	.header__menu {
		margin-right: 30px;
	}
	.service__item {
		padding: 40px 30px 30px 40px;
	}
	.skills__content {
		padding: 60px 40px 40px;
	}
	.discography__item__text a {
		margin-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
 .main-image {
    width: 50%;
  }

  .overlay-image,
  .overlay-image1 {
    width: 140px;
  }

}