@media only screen and (min-width: 2010px) {
  .img-wrapper{
    top: auto;
    width: 330px;
    height: 330px;
  }
  /*index*/
  #canvas {
    top: 0vh;
  }
.header {
  width: 82%;
  margin-left: 9%;
}
.nav {
  width: 82%;
  top: 3%;
  height: 60px;
}
.header.small {
  top: 3%;
  height: 60px;
}
.nav-about, .nav-work {
  top: 8px;
}
.menu-loca {
  font-size: 16px;
  top: 13px;
}
.nav-link-about, .nav-link-work {
  font-size: 18px;
}
.branding-font-dq-main-ex {
  font-size: 36px;
}
.branding-font-dq-second-name {
  font-size: 28px;
}
.branding-font-dq-main-name {
  font-size: 26px;
}
.branding-font-dq-second-ex {
  font-size: 35px;
}
.wrapper-index {
  padding: 0;
}
.title-index {
  font-size: 170px!important;
}
.name-index, .name-index-2 {
  font-size: 50px;
}
.title-word-1 {
  right: 10%;
  top: 14%;
}
.paragraph-index {
  top: 21.8%;
  left: 10%;
}
.title-word-2 {
  top: 34%;
}
.title-word-3 {
  top: 54%;
  left: 40%;
}
.name-index-2 {
  right: 10%;
  top: 40%;
}
.name-index {
  top: 60%;
  left: 10%;
}
.title-word-4 {
  left: 10%;
  bottom: 10px;
}
.paragraph-index-2 {
  width: 22%;
  bottom: 41px;
  right: 10%;
}
.description-index {
  font-size: 22px;
}
.index-content-center {
  margin: 0% 0 0 0;
}
.index-content-center h2 {
  font-size: 72px;
  margin: 0% 0 3% 0;
}
.index-content-center p {
  width: 24%;
  margin: 0% 38%;
  font-size: 22px;
}
#index-list-title-container {
  width: 86%;
  margin: 0 7%;
}
.branding-eyebrow-left, .branding-eyebrow-right {
  font-size: 22px;
}
.header.small .logo-header{
  width: 45px!important;
  height: 45px !important;
}
.index-list-subeyebrow li {
    font-size: 18px;
}
.nda-icon img {
  width: 43px;
  margin: -4px 0 0 55px;
}
.button-list-request span {
  font-size: 22px;
}
.button-list-cs span {
  font-size: 22px;
}
.button-list span {
  font-size: 60px;
  bottom: 25px;
}
.image-deck {
  height: 270px;
  width: 270px;
}
.index-list-container {
  width: 86%;
  margin: 5% 7% 3% 7%;
}
.img-hover-effect-link {
  padding: 1% 0;
  font-size: 24px;
}
.index-list-subeyebrow {
  margin: 2.3% 0 0 25%;
}
.paragraph-index-3 {
  width: 22%;
  bottom: 27%;
  right: 10%;
}
.index-icon {
  width: 53%;
  margin: 6% 0px 0% 19%;
}
.wrapper-index-icon{
  height: 120vh;
}
.footer-freelance {
    top: 55vh;
}
.footer-link {
  font-size: 19px;
}
.footer-link-second{
  font-size: 19px;
}
.footer-link-email-second{
  font-size: 21px;
}
.footer-link-email {
  font-size: 21px;
}
.footer-link-email-second a{
  top: 47%;
}
.footer-link-email a {
  top: 47%;
}
.footer-line {
  height: 89vh;
}
.footer-freelance-eyebrow {
  margin: 0 0 1% 0;
  font-size: 24px;
  line-height: 120%;
}
.footer-freelance-title {
  font-size: 72px;
}
.icon-footer {
  width: 47px;
  margin: -1px 0.5%;
}
.index-icon-container {
  padding: 0 0 10% 0;
}
/* about */
.loading-about {
  background-size: contain;
}
.slide {
  width: 40%;
  transform: translate(-50%, -40%);
}
.about-top-text {
  width: 90%;
  margin: 0 5%;
  padding: 8% 0 5% 0;
}
.about-top-text-line-1, .about-top-text-line-2, .about-top-text-line-3, .about-top-text-line-4, .about-top-text-line-5 {
  font-size: 142px;
  margin: 0% 0;
}
.about-top-text-1 {
  margin-left: 2%;
  margin-right: 26%;
}
.about-top-text-2 {
  margin-left:-9%;
  margin-right: 30%;
}
.about-top-text-3 {
  margin-left: -56%;
}
.about-top-text-4 {
  margin-right: 35%;
  margin-left: 15%;
}
.about-top-text-5 {
  margin-right: 28%;
  margin-left: 2%;
}
.icon-about {
  width: 100px;
  margin: 0 0 -8px 12%;
}
.about-me-image {
  width: 38%;
  top: 39%;
  left: 34%;
}
.about-bottom-text-left {
  width: 25%;
  font-size: 24px;
}
.about-bottom-text-right {
  width: 25%;
  font-size: 24px;
}
.about-bottom-text {
  width: 86%;
  margin: 0 7%;
}
.horizontal-scroll-section img {
  max-height: 25%;
}
.horizontal-scroll-section__content-section {
  min-width: 48vw;
  padding: 11% 0% 0 10%;
}
.spacer{
  padding: 12% 0 0 0;
}
.spacer > h3{
  font-size: 150px;
}
.horizontal-scroll-section h2{
  font-size: 58px;
}
.horizontal-scroll-section p{
  font-size: 20px;
}
.about-list-container-2{
  margin: 0 0 8% 0;
}
.video__btn{
  width:73%;
  height: 98%;
  margin: 0 13%;
}
.about-list-key-container-2 {
  font-size: 18px;
  height: 45px;
}
.about-list-bottom-title {
  font-size: 315px;
  width: 80%;
  margin: 0% 10% 3% 10%;
}
.about-icon-list {
  width: 11%;
  margin: 0 5% 0 0.5%;
}
.about-video {
  width: 74%;
  margin: 0 0 0 13%;
}
#freelance-about {
  font-size: 24px;
  letter-spacing: 2px;
  width: 20%;
  margin: 0 0 0 3%;
}
/* list */
.content-detail-title {
  font-size: 36px;
}
.list-title-top {
  width: 82%;
  margin: 14% 9% 6% 9%;
}
.detail-job li {
  font-size: 20px;
}
.list-detail-container {
  width: 32%;
}
.list-border {
    font-size: 20px;
}
.circle-to-square_container {
  width: 82%;
  margin: 0 9%;
}
.list-title h3 {
  margin: 31% 10% 0% 10%;
}
.list-title p {
  width: 42%;
  font-size: 22px;
  margin: 5% 29% 10% 29%;
}
.button {
  font-size: 24px;
}
.tag{
  top: -4.5em;
  font-size:20px;
}
.circle-to-square_container-last {
  width: 82.04%;
  margin: 0 9%;
}
.list-box-title-1 {
  width: 66.94%;
}
#list-grid-fix-1{
  left: 1px;
}
#list-grid-fix-1-2{
  left: 1px;
}
#list-grid-fix-7 {
  left: 1px;
}
#list-grid-fix-8 {
  left: 1px;
}
#list-grid-fix-9 {
  right: 0px;
}
#list-grid-fix-2 {
  right: 0px;
}
#list-grid-fix-2-1{
  left: 0px;
} 
#list-grid-fix-2-2{
  right: 0px;
} 
#list-grid-fix-2-3{
  left: 0px;
} 
#list-grid-fix-6{
  left: 0px;
} 
#list-grid-fix-4{
  left: 0px;
}
#list-grid-fix-1-1{
  right: -1px;
}
#list-grid-fix-1-3{
  right: -1px;
}
#list-grid-fix-5 {
  left: -1px;
}
.list-title-second h3 {
  width: 80%;
  margin: 15% 10% 0% 10%;
}
.list-box-title-1, .list-box-title-2 {
  height: 120px;
}
.list-title-second p {
  font-size: 22px;
}
.list-box-title {
  font-size: 28px;
  padding: 45px 0 0 0;
}
/* detail */
.nexttoproject{
  bottom: 0px;
}
.footer-container {
  margin: -3px 0 -3px 0px;
}
#apple-grid-odd-2 {
  margin: 53.5vh 0 0 2.5%;
}
#apple-grid-odd-4 {
  margin: 53.5vh 0 0 2.5%;
}
.next-title-container h3 {
  font-size: 26px;
}
.comment-detail-9, .comment-detail-10, .comment-detail-8, .comment-detail-7, .comment-detail-12, .comment-detail-11, .comment-detail-0, .comment-detail-1, .comment-detail-2, .comment-detail-3, .comment-detail-4, .comment-detail-5, .comment-detail-6, .comment-detail-17, .comment-detail-18, .comment-detail-19, .comment-detail-20, .comment-detail-21, .comment-detail-22, .comment-detail-23, .comment-detail-24, .comment-detail-13, .comment-detail-14, .comment-detail-15, .comment-detail-16, .comment-detail-25 {
  font-size: 20px;
  line-height: 140%;
}
.detail-title {
  width: 82%;
  margin: 20vh 9% 5% 9%;
}
.detail-job {
  margin: 0 20% 0 0;
}
.content-detail-container {
  width: 60%;
}
.laptop-wrapper-3 {
  height: 60vh;
}
.laptop-wrapper-2 {
  height: 70vh;
}
.laptop-wrapper {
  margin-left: 15%;
  width: 35%;
  height:65vh;
}
.comment-detail-8 {
  width: 13%;
}
.type-left {
  margin-left: 10%!important;
}
.type-right {
  margin-right: 10%!important;
}
.tfs-sub-title-small {
  font-size: 18px;
  margin-right: 10%;
}
#detail-long-3 {
  width: 65%;
  margin-left: 25%;
}
#detail-tfs-phone {
  width: 25%;
  right: 13%;
  bottom: -91%;
}
.laptop-wrapper-4 {
  margin-left: 10%;
    width: 55%;
  height: 75vh;
}
.comment-detail-20 {
  width: 25%;
}
.comment-detail-20, .comment-detail-23, .comment-detail-22, .comment-detail-24 {
  right: 10%;
}
.comment-detail-19 {
  width: 17%;
  left: 10%;
  bottom: -30%;
}
#detail-full-bleed {
  width: 90%;
  margin-left: 5%;
}
/* tfs */
.mg-mobile-xlg {
  margin-top: 10%;
  margin-bottom: 25%;
}
.comment-detail-21 {
  width: 25%;
  left: 37.5%;
}
#caption-loca {
  text-indent: 7em;
}
.branding-font-adaptive-ex, .branding-font-lush-ex, .branding-font-rfrs-second-ex, .branding-font-rfrs-main-ex {
  font-size: 36px;
}
.branding-font-adaptive-name {
  font-size: 26px;
}
.vid-size-full {
  width: 25%;
  margin-left: 30%!important;
}
#carousel li {
  width: 545px;
  height: 725px;
  margin-right: 40px;
  padding: 0 40px 0 0;
}
#carousel img {
  margin-top: 40px;
}
.branding-image-eyebrow {
  margin-top: 80px;
  font-size: 18px;
}
.branding-image-title {
  margin-top: 40px;
  font-size: 56px;
}
.branding-image-paragraph {
  font-size: 24px;
  width: 80%;
  margin-top: 40px;
}
#carousel-narrow {
    margin: 0 7% 0% 10%;
}
#carousel-narrow-middle {
  margin: 0 6% 0% 6%;
}
/* lush-mobile */
#carousel-content-mobile ul {
  margin: 0;
}
#carousel-content-mobile li {
  margin: 0 0% 0 5%;
  width: 480px;
  height: 1030px;
}
#carousel-content-mobile-dq ul {
  margin: 0;
}
#carousel-content-mobile-dq li {
  margin: 0 0% 0 5%;
  width: 480px;
  height: 1030px;
}
.odd-title-lush-text {
  right: -23%;
  top: 27%;
}
.odd-title-lush-text-second {
  bottom: 52%;
  right: -5%;
}
#half-right {
  width: 40%;
  margin: 0 0 2% 10%;
}
.comment-detail-15 {
  width: 18%;
  left: 10%;
  top: 17%;
}
#detail-rfrs-1 {
  width: 30%;
  margin-left: 5%;
}
#detail-rfrs-2 {
  width: 20%;
  margin-left: 5%;
}
.branding-font-rfrs-main-name {
  font-size: 26px;
}
.branding-font-rfrs-second-name {
    font-size: 26px;
}
.comment-detail-16 {
  width: 14%;
  left: 10%;
  bottom: 21%;
}
.comment-detail-3 {
  width: 30%;
  padding: 0% 7% 0 0;
  top: 90px;
}
#carousel-content-mobile-wdth-fix {
  width: 300px!important;
}
#comment-detail-dq-odd {
  margin-top: 133%;
}
.comment-detail-lush {
  font-size: 18px;
}
.comment-detail-2 {
  right: 7%;
  width: 15%;
}
.comment-detail-5 {
  width: 15%;
  left: 12%;
}
#carousel-content-desktop-without-comment li {
  width: 885px;
}
#carousel-content-apple-2 li {
  width: 885px;
}
#carousel-content-apple li{
  width: 1400px;
  height: 820px;
}
.reference-apple-2 span {
  font-size: 16px;
}
#carousel-content-apple {
  width: auto;
}
.apple-img {
  width: 100%;
  margin: 0 0 5vh 0;
}
.apple-img-social {
  width: 100%;
  margin: 0 0 5vh 0;
}
.grid-apple-inline {
  width: 100%;
}
.grid-apple-inline-bottom{
  width: 100%;
}
.comment-detail-27 {
  width: 41%!important;
  margin: 10% 3% 15% 0;
}
#carousel-narrow-apple {
  margin: 0 10%;
  width: 370px;
}
.apple-comment {
  font-size: 20px;
}
#carousel-content-desktop li {
  width: 950px;
  height: 800px;
}
#carousel-content-desktop-apple li {
  width: 950px;
  height: 800px;
}
#carousel-content-desktop-dq li {
  width: 950px;
  height: 800px;
}
.adaptive-illustration {
  margin-left: 7%;
  margin-bottom: 7%;
  width: 32%;
}
#carousel-content-desktop-without-comment {
  width: 100%;
}
#carousel-content-apple-2 {
  width: 100%;
}
section .comment-sticky-3 {
  margin-right: 10%;
  font-size: 18px;
}
.odd-title-adaptive {
  margin: 15% 0 0 16%;
}
#adaptive-banner {
  width: 76%;
  margin: 0% 0% 0% 55%;
}
.adpative-web {
  width: 64%;
  margin-left: 7%;
}
.adpative-web-2 {
  width: 64%;
  margin-left: 29%;
}
.branding-image-container {
  width: 109%;
}
.comment-detail-12 {
  left: 10%;
  bottom: 13%;
  width: 16%;
}
.comment-detail-13 {
  width: 13%;
  left: 10%;
}
.comment-detail-14 {
  width: 13%;
  left: 10%;
  bottom: 20%;
}
.comment-detail-26, .comment-detail-27, .comment-detail-28, .comment-detail-29 {
  font-size: 18px;
  line-height: 140%;
}
section .comment-sticky {
  margin-left: 10%;
  font-size: 18px;
}
#detail-7 {
  width: 80%;
  margin-left: 8%;
}
#detail-7-left{
  width: 80%;
  margin-left: 12%;
}
section .comment-sticky-2 {
  margin-right: 10%;
  font-size: 18px;
}
.content-detail-description {
  font-size: 20px;
}
#adaptive-video {
  margin: 0 0 0 26%;
  width: 65%;
}

}