/*color codes*/

/* end */

/*generic content mid*/
.mid {position:relative;z-index:1; }
.mid .mid-cnt { max-width: 1440px; margin: auto; padding: 0 80px; position:relative;}
.mid .mid-cnt.full { max-width: none; padding: 0 0px; }
.mid .mid-cnt.full > div { max-width: 1440px; margin: auto; padding-left: 80px; padding-right: 80px; } 
.mid .mid-wrap { position: relative; }
.mid .mid-cnt .content img { max-width: 100%; }
.mid .mid-cnt .content p { margin: 0px 0 30px; line-height: 150%; }
.mid .mid-cnt .content-wrap a.link { display: inline-block; color: #0072ca; padding: 5px 0px 5px 30px; background-image: url('../image/link-icon.png'); background-position: left center; background-repeat: no-repeat; }
.mid .mid-cnt .content-wrap a.link:hover { color: #363636; background-image: url('../image/link-icon-hvr.png'); }

/*for scaling 110% and above*/
/* @media (-webkit-min-device-pixel-ratio: 1.1)  { */
  /* .mid .mid-cnt { padding: 0 54px;  } */
  /* .mid .mid-cnt.full > div { padding-left: 54px; padding-right: 54px; } */
  /* .mid .mid-cnt .content p { margin: 20px 0;  } */
  /* .mid .mid-cnt .content-wrap a.link {  padding: 4px 0px 4px 20px; } */
  /* .mid .mid-cnt .content-wrap a.link { background-size: 14px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 2)  { */
  /* .mid .mid-cnt { padding: 0 40px; } */
  /* .mid .mid-cnt.full > div { padding-left: 40px; padding-right: 40px; } */
  /* .mid .mid-cnt .content p { margin: 15px 0; } */
  /* .mid .mid-cnt .content-wrap a.link { padding: 3px 0px 3px 15px; } */
  /* .mid .mid-cnt .content-wrap a.link { background-size: 10px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 2.5) { */
  /* .mid .mid-cnt { padding: 0 32px; } */
  /* .mid .mid-cnt.full > div { padding-left: 32px; padding-right: 32px; } */
  /* .mid .mid-cnt .content p { margin: 12px 0; } */
  /* .mid .mid-cnt .content-wrap a.link { padding: 2px 0px 2px 12px; } */
  /* .mid .mid-cnt .content-wrap a.link { background-size: 8px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 3) { */
/* } */


@media screen and (max-width: 1024px) {
	.mid .mid-cnt.full > div { margin: initial; }
}

/*screen up till 960*/
@media screen and (max-width: 960px) {
  .mid .mid-cnt { max-width: 1440px; margin: auto; padding: 0 40px; }
  .mid .mid-cnt.full > div {padding-left: 40px; padding-right: 40px; }

  /*for scaling 110% and above*/
  /* @media (-webkit-min-device-pixel-ratio: 1.1)  { */
    /* .mid .mid-cnt { padding: 0 27px; } */
    /* .mid .mid-cnt.full > div { padding-left: 27px; padding-right: 27px; } */
  /* } */
  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .mid .mid-cnt { padding: 0 20px; } */
    /* .mid .mid-cnt.full > div { padding-left: 20px; padding-right: 20px; } */
  /* } */
  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .mid .mid-cnt { padding: 0 16px; } */
    /* .mid .mid-cnt.full > div { padding-left: 16px; padding-right: 16px; } */
  /* } */

}