/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/


@media (max-width: 1199px) {
  .about .container iframe {
   height: 507px;
    width: 100%;
  }
  #video-about2 > iframe {
    width: 890px;
    height: 500px;
  }
  .h3, h3 {
    font-size: 1.6rem;
  }
}

@media (max-width: 1138px) {
  #about > div > div.row.text-center > div.col-lg-6.pt-4.pt-lg-0.content > h5 > div:nth-child(5) {letter-spacing: -1px;}
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(6) > div:nth-child(1) > div,
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(5) > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div.row > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div {margin-top: 4%;}
}

@media (max-width: 1024px) {
  body {align-items: center; }
  main {margin-left: 0;}
  .container, .container-md, .container-sm {text-align: center; }
  
  #about > div > div.row.text-center > div.col-lg-6.pt-4.pt-lg-0.content > h5 > div:nth-child(5) {letter-spacing: -1px;}
  .h3, h3 {font-size: 1.6rem !important;}
  #skills > div > div > h3 > p {font-size: 23px;}
  .point {height: 200px;margin: 10px 35px 10px 35px;overflow: hidden;font-size: 16px;color: rgb(58, 54, 54);-webkit-border-radius: 50%;-moz-border-radius: 20%;border-radius: 50%;width: 200px;border: 4px solid gray;position: relative;top: 47%;}

  #hero .btn-get-started {
      font-size: 64px;
      transition: 0.5s;
      color: #fff;
      height: 60px;
      text-shadow: 3px 3px 15px black;
      margin-left: 0px;
      text-align: center;
  }
  #hero > div.container.animated.aos-init.aos-animate > img {
    border-radius: 50%;
    width: 162px;
    transition: 0.5s;
  }
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(6) > div:nth-child(1) > div,
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(5) > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div.row > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div {margin-top: 6%;}
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(1) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(1) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div:nth-child(1) > div {margin-top: 6.5%;text-align: right;}
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > p {margin-bottom: 53px;}
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div > p {margin-bottom: 69px;}
}


@media (max-width: 995px) {

  .direction .map-direction,
  .direction .area_account {
    flex-direction: column;
    display: grid;
    place-items: center;
  }

  .direction .area_account {
    font-size: 2vw;
    margin: 20px 0;
    width: 100%;
  }
  .h3, h3 {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 992px) {
  /* #hero {
    padding-left: 160px;
    } */
  #hero > div.container.animated.aos-init.aos-animate > img {
    border-radius: 50%;
    width: 200px;
    }
  .portfolio-details .portfolio-info {
    padding-top: 20px;
  }
}

@media (max-width: 992px) {
  #header { width: 300px; left: -300px; }
}

@media (max-width: 992px) {
  #hero h1 { font-size: 32px; line-height: 36px; }
  #hero p { margin-top: 10px; font-size: 20px; line-height: 24px; }
}

@media (min-width: 992px) {
  .nav-menu a {
    width: 56px;
  }
  .nav-menu a span {
    display: none;
    color: #fff;
  }
}
@media (min-width: 992px) {
  .testimonials .testimonial-item p {
    width: 80%;
  }
}

@media (max-width: 991px) {
  body {
    align-items: center;
  }
  /* ADDTIONAL */
  .about .container iframe {
    max-width: 100%;
    max-height: 378px;
  }
  .h3, h3 {
    font-size: 1.3rem !important;
  }
  .about .container img,
  .price .container img {
    max-width: 100%;
  }
 
  /* END ADDTIONAL */

  .about .image {
    text-align: center;
  }

  .about .image img {
    max-width: 100%;
  }

  .about .two-pic{
    margin: 0;
  }
  .inquiry .inquiry-form {
    margin: auto;
    padding: 30px 40px;
  }

  .inquiry .inquiry-form form {
    display: grid;
    place-items: center;
  }

  .inquiry .agreement .agree_area,
  .inquiry .agreement .btn_area {
    margin-top: 20px;
  }
  
  #video-about {
    height: 375px;
    width: 964px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 43px;
  } 
  #video-about2 {
    height: 375px;
    width: 964px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 43px;
  } 
  #video-about2 > iframe {
    width: 680px;
    height: 380px;
}
}



@media (max-width: 770px) {
  .inquiry .inquiry-form {
    padding: 20px 0;
  }

  .inquiry .inq {
    flex-direction: column;
    width: 100%;
  }

  .inquiry .form-inq {
    margin: 10px 0;
  }

  .inquiry .inquiry-col {
    width: 100%;
  }
  .about .container iframe {
    height: 487px;
    width: 100%;
  }
  #video-about {
    height: 375px;
    width: 964px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 43px;
  } 
}

@media (max-width: 770px){
  .direction .area_account h3,
  .direction .area_account p {
    font-size: 2vw;
  }
}

@media screen and (max-width: 768px) {
  [data-aos-delay] { transition-delay: 0 !important; }
}

@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
        text-align: center;
        margin-left: 0px;
      }
      #hero .btn-get-started {
        font-size: 64px;
        transition: 0.5s;
        color: #fff;
        height: 60px;
        text-shadow: 3px 3px 15px black;
        margin-right: 0px;
        text-align: center;
    }
    #about > div > div.row.text-center > div.col-lg-6.pt-4.pt-lg-0.content > h5 {font-size: 28px;}
    #skills > div > div > h3 > p {font-size: 21px;word-break: keep-all;line-height: initial;}
    #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div:nth-child(2) > div:nth-child(1) > span {font-size: 57px;}
    .point {height: 160px;margin: 10px 35px 10px 35px;overflow: hidden;font-size: 16px;color: rgb(58, 54, 54);-webkit-border-radius: 50%;-moz-border-radius: 20%;border-radius: 50%;width: 160px;border: 4px solid gray;position: relative;top: 47%;}
    #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > ul > li.middle > div > div {font-size: 37px;top: 29%;position: relative;}
    #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > ul > li:nth-child(3) > div > div {font-size: 37px;top: 29%;position: relative;}
    #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > ul > li:nth-child(1) > div > div {font-size: 37px;top: 26%;position: relative;}
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) {background: rgb(0,0,0,0.5);margin: 0 100px 0 100px;height: 290px;padding-left: 20px;padding-right: 20px;width: 72%;}
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(1) {font-size: 42px;margin-bottom: 20px;}
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(2),
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(3),
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(4),
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(5),
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(6),
    #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(7) {font-size: 20px;text-align: left;margin: 28px;letter-spacing: -2px;}
    .about .two-pic{
      flex-direction: column;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
    }
    .h3, h3 {
      font-size: 1.2rem !important;
  }
}

@media (max-width: 736px) {
  #hero {
    text-align: left;
  }
  #hero > div.container.animated.aos-init.aos-animate > img {
    border-radius: 50%;
    width: 30%;
  }
}

@media (max-width: 712px) {
  #testimonials > div > div:nth-child(2) > div:nth-child(1) > h3 {letter-spacing: -1.5px;}
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(6) > div:nth-child(1) > div,
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(5) > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div.row > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div {margin-top: 42%;}
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(1) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(1) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div:nth-child(1) > div {margin-top: 40.5%;text-align: right;}
}

@media (max-width: 667px) {

  /* ADDTIONAL */
  .about .container iframe {
    max-width: 100%;
    max-height: 250px;
  }

  .about .container img,
  .price .container img {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  #hero {
    text-align: center;
  }
  #hero > div.container.animated.aos-init.aos-animate > img {
    border-radius: 50%;
    width: 25%;
  }
  /* .h3, h3 {
    font-size: 1.5rem !important;
  } */
}

@media (max-width: 575px) {
  .direction .area_account {
    flex-direction: column;
  }

  .direction .area_account h3,
  .direction .area_account p {
    font-size: 4vw;
  }
}
@media (max-width: 450px) {
  #hero .animated {
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
    text-align: center;
  }
  #hero .btn-get-started {
    font-size: 64px;
    transition: 0.5s;
    color: #fff;
    height: 60px;
    text-shadow: 3px 3px 15px black;
    margin-left: 0px !important ;
    text-align: center;
  }
  #hero > div.container.animated.aos-init.aos-animate > img {
    border-radius: 50%;
    width: 170px;
  }
}

@media (max-width: 445px) {
  .direction .map-direction p {
    font-size: 4vw;
  }
}

@media (max-width: 425px) {
  #about > div > div.row.text-center > div.col-lg-6.pt-4.pt-lg-0.content > h5 {font-size: 17px;}
  #skills > div > div > h3 > p {font-size: 19px;word-break: keep-all;line-height: initial;}
  .what {margin: 0 !important; width: 100% !important;}
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(6) > div:nth-child(1) > div,
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(5) > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div.row > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div {margin-top: 4%;}
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(4) > div:nth-child(1) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(1) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div:nth-child(1) > div {margin-top: 7.5%;text-align: right;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div:nth-child(2) > div:nth-child(1) > span {font-size: 38px;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div.what > div:nth-child(2) {font-size: 17px;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div.what > div:nth-child(3) {font-size: 16px;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div > p {font-size: 34px;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > ul {display: block; margin-left: 20%;}
  .text-bg {margin: 0 2% 0 2% !important; width: 361px !important; padding: 10% 1% 0 1% !important;}
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(1) {font-size: 26px;margin-bottom: 20px;}
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(2),
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(3),
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(4),
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(5),
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(6),
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) > div:nth-child(7) {font-size: 16px;text-align: left;margin: 13% 6% 0;letter-spacing: -2px;}
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(1) > h3 {font-size: 16px !important;}
  #direction > div.direction-footer > div > div > div:nth-child(2) > div > div:nth-child(3) > p:nth-child(1),
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(3) > p:nth-child(1) {font-size: 15px !important;}
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(3) > p:nth-child(3) {font-size: 15px !important; letter-spacing: -1.5px !important;}
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(1),
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(2),
  #direction > div.direction-footer > div > div > div:nth-child(1) > div > div:nth-child(3),
  #direction > div.direction-footer > div > div > div:nth-child(1),
  #direction > div.direction-footer > div > div > div:nth-child(2) > div > div:nth-child(1) {padding: 0;} 
  #direction > div.direction-footer > div > div > div:nth-child(1) > div {width: 382px;}
}


@media (max-width: 414px) {
  #hero { text-align: center !important;}
  #hero > div.container.animated.aos-init.aos-animate > img { border-radius: 50%;  width: 40%;}
  h5 { font-size: 1.1rem;}

  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(6) > div:nth-child(1) > div,
  #resume > div > div:nth-child(3) > div.col-lg-6.text-center > div:nth-child(5) > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > div,
  #resume > div > div.row > div.col-lg-6 > div:nth-child(4) > div.row > div:nth-child(2) > div,
  #resume > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > div {margin-top: 4%;}
  #video-about {
    height: 211px !important;
    margin-bottom: 0px !important;
    width: 560px !important;
    padding-left: 0px !important;
    text-align: center!important;
  }
  h5 {
    font-size: 1.0rem !important;
  }
  .about .container iframe {
    height: 100%;
    width: 100%;
  }
  .about .movie_info .video-title,
  .image .movie_info .video-title{
    font-size: 20px;
  }
  h3 {
    font-size: 1.3rem;
  }
  #resume > div > div:nth-child(2) > div:nth-child(2) > h3 {
    margin-top: 15px;
  }
  #resume > div > div:nth-child(2) > div:nth-child(1) > h3, 
  #resume > div > div:nth-child(2) > div:nth-child(2) > h3 {
    text-align: center;
  }
  .container, .container-md, .container-sm {
      max-width: 414px;
      text-align: center;
      margin-left: 0px;
  }
    #hero .btn-get-started {
      font-size: 64px;
      transition: 0.5s;
      color: #fff;
      height: 60px;
      text-shadow: 3px 3px 15px black;
      text-align: center;
  }
  #video-about2 {
    height: 209px;
    margin-right: 0px;
    padding-left: 0px;
    width: 414px;
  }
  #video-about2 > iframe {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 412px) {
  .container { max-width: 412px;}
  h5 { font-size: 0.8rem !important; line-height: 25px;}
  #skills > div > div > h3 > p {line-height: 26px; word-break: keep-all;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div:nth-child(2) > div:nth-child(1) > span {font-size: 40px;}
  #testimonials > div > div > div.owl-stage-outer > div > div.owl-item.active > div > div.what > div:nth-child(2) { margin: 0; letter-spacing: -1px;}
  #testimonials > div > div > div.owl-stage-outer > div > div > div > div:nth-child(2) {background: rgb(0,0,0,0.5);margin: 0;height: 290px;padding-left: 20px;padding-right: 20px;width: 100%;}
  #about > div > div.row.text-center > div.col-lg-6.pt-4.pt-lg-0.content > h5 > div:nth-child(3) {letter-spacing: -1px;}
}

@media (max-width: 396px) {
  .direction .map-direction .btn-street {flex-direction: column; }
  .direction .map-direction a { margin: 5px 0; }
}

@media (max-width: 375px) {
  #video-about {
    height: 198px !important;
    margin-bottom: 0px !important;
    width: 392px !important;
    padding-left: 0px !important;
    text-align: center!important;
  }
  .about .container iframe {
    height: 100%;
    width: 100%;
  }
  #video-about2 > iframe {
    width: 347px;
    height: 196px;
  }
  #video-about2 {
    height: 224px;
    width: 345px;
  }
}
@media (max-width: 365px) {
  .inquiry .agreement .btn_area a {
    margin: 0 5px;
  }
}

@media (max-width: 360px) {
  #video-about {
    height: 216px !important;
    margin-bottom: 0px !important;
    width: 560px !important;
    padding-left: 0px !important;
    text-align: center!important;
    padding-right: 25px;
  }
  #video-about2 {
    height: 290px !important;
    padding-left: 0px !important;
    padding-right: 27px !important;
    width: 390px !important;
    margin-right: 0px !important;
  }
  h3 {
    font-size: 1.1rem;
  }
  h5 {
    font-size: 1.0rem !important;
  }
  .about .container iframe {
    max-height: 186px;
  }
  .container, .container-md, .container-sm {
    width: 360px;
    text-align: center;
    margin-left: 0px;
  }
  #hero .btn-get-started {
    font-size: 64px;
    transition: 0.5s;
    color: #fff;
    height: 60px;
    text-shadow: 3px 3px 15px black;
    margin-right: 0px;
    text-align: center;
  }
}

@media (max-width: 320px){
  body {
    max-width: 320px;
  }
  .container, .container-md, .container-sm {
    width: 320px;
    text-align: center;
    margin-left: 0px;
  }
  h5 {
    font-size: 0.9rem !important;
  }
  #video-about {
    height: 168px !important;
    margin-bottom: 0px !important;
    width: 319px !important;
    padding-left: 0px !important;
    text-align: center!important;
    padding-right: 25px;
  }
  .about .container iframe {
    max-width: 100%;
    max-height: 100%;
  }
  #video-about2 > iframe {
    width: 100%;
    height: 100%;
  }
  #video-about2 {
    height: 161px !important;
    padding-left: 0px !important;
    padding-right: 27px !important;
    width: 320px !important;
    margin-right: 0px !important;
  }
}