/* XL Device :1200px. */
@media (min-width: 1201px) and (max-width: 1449px) {
  .hero-area .hero-text h3 {
    font-size: 70px;
  }

  .all-section {
    padding: 0;
    
  }

  .all-section .section-title h3 {
    font-size: 50px;
  }

  .all-section .section-title h4 {
    font-size: 50px;
  }


  .about-top-text p {
    font-size: 18px;
  }

  .skill-title h3 ,.project-title h3 , .brand-title h3 {
    font-size: 35px;
  }

  .mission-img img {
    width: 60% !important; 
    text-align: right;
    margin-left: 5rem;
  }

  ._heading {
    font-size: 50px !important;
  }
  
.skill-fl {
  margin: auto;
}
.mission-fl {
  margin: auto;
}
.vision-fl {
  margin: auto;
  max-width: 1345px;
}
.project-fl {
  margin: auto;
}
.about-fl {
  margin: auto;
}
.brand-title {
  max-width: 1345px;
  margin: auto;
  margin-bottom: 62px;
}
.brand-fl {
  max-width: 1345px;
  margin: auto;
}
.team-area-container {
  margin: auto;
}
.technologies-area-container {
  max-width: 1345px;
  margin: auto;
}
.get-in-touch-area-container {
  max-width: 1345px;
  margin: auto;
}

}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .hero-area .hero-text h3 {
    font-size: 60px;
  }
  .all-section {
    padding: 0;
  }
  .all-section .section-title {
    font-size: 45px;
  }
  .all-section .section-title h3 {
    font-size: 45px;
    margin-bottom: 0;
  }
  .all-section .section-title h4 {
    font-size: 40px;
  }
  .all-section ._heading {
    font-size: 40px !important;
  }
  .all-section .mission-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 70px;
  }

  .mission-text h3 {
    font-size: 18px;
  }
  .all-section .mission-area .mission-img img {
    width: 60%;
    margin-left: 4rem;
  }
  .all-section .skill-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .vision-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .project-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .about-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .brand-area {
    padding: 0 0.75rem;
  }
  .all-section .brand-area .single-brand {
    padding: 35px;
    height: 250px;
  }
  .all-section .team-area .team-area-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .team-area .team-area-header::after {
    width: 98%;
  }
  .all-section .team-area .team {
    padding: 0 0.75rem;
  }
  .all-section .technologies-area .technologies-area-header {
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .get-in-touch-area-header {
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area .location_and_tel {
    flex: 1;
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area ._contact_form {
    flex: 1;
  }
  .all-section .footer-copy-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .vision-containt h3 {
    font-size: 18px;
    line-height: 1.5;
  }

  .vision-containt p {
    font-size: 14px;
    line-height: 1.5;
  }

  .about-top-text p {
    font-size: 18px;
    line-height: 1.5;
  }

  .about-last-text p {
    font-size: 14px;
  }
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .hero-area .hero-text h3 {
    font-size: 45px;
  }
  .hero-area .hero-text p {
    font-size: 16px;
  }
  .all-section {
    padding: 0;
  }
  .all-section .section-title {
    font-size: 35px;
  }
  .all-section .section-title h3 {
    font-size: 35px;
    margin-bottom: 0;
  }
  .all-section .section-title h4 {
    font-size: 30px;
  }
  .project-title {
    margin-bottom: 3rem;
  }
  .project-title h3 {
    font-size: 25px;
  }
  .all-section ._heading {
    font-size: 35px !important;
  }
  .all-section .mission-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 70px;
    position: relative;
  }
  .mission-containt {
    flex: 1;
  }

  .all-section .mission-area .mission-img {
    top: 8%;
    right: 10%;
    position: absolute;
  }
  .all-section .mission-area .mission-img img {
    width: 150px;
  }
  .all-section .skill-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .vision-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .project-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 50px;
  }
  .all-section .about-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .brand-area {
    padding: 0 0.75rem;
  }
  .all-section .brand-area .single-brand {
    padding: 35px;
    height: 178px;
  }

  .vision-containt  h3{
    font-size: 16px;
    line-height: 1.5;
  }

  .vision-containt p {
    font-size: 14px;
    line-height: 1.5;
  }

  .about-top-text p {
    font-size: 16px !important;
    line-height: 1.5;
  }

  .about-text p{
    font-size: 14px;
    line-height: 1.5;
  }

  .about-last-text p {
    font-size: 13px;
  }

  .brand-title h3, .ad {
    font-size: 25px;
  }

  .member-name {
    font-size: 18px !important;
  }

  .member-badge {
    font-size: 14px;
  }

  .team-area-header {
    padding-bottom: 20px !important;
  }

  .all-section .brand-area .single-brand .brand-img {
    margin-bottom: 10px;
  }
  .all-section .brand-area .single-brand .brand-img img {
    transform: translate(50%, 90%);
  }
  .all-section .brand-area .single-brand .brand-text h3 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
  }
  .all-section .brand-area .single-brand:hover .brand-img img {
    transform: translate(0, 0);
  }
  .all-section .team-area .team-area-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .all-section .team-area .team-area-header::after {
    width: 98%;
  }
  .all-section .team-area .team {
    padding: 0 0.75rem;
  }
  .all-section .technologies-area .technologies-area-header {
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .get-in-touch-area-header {
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area .location_and_tel {
    flex: 1;
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area ._contact_form {
    flex: 1;
  }
  .all-section .footer-copy-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .skill-title h3 {
    font-size: 25px;
  }

  .mission-text  {
    font-size: 17px !important;
  }
}
/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .hero-area .hero-text h3 {
    font-size: 30px;
  }

  .hero-area .hero-text p {
    font-size: 14px;
  }

  .hero-btn {
    width: 196px;
    margin: auto;
}

  .theme-btn {
    font-size: 12px;
    height: 40px;
  }

  .all-section {
    padding: 0;
  }
  .all-section .section-title {
    font-size: 30px;
  }
  .all-section .section-title h3 {
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1.2;
  }
  .all-section .section-title h4 {
    font-size: 26px;
    line-height: 1.2;
  }
  .all-section ._heading {
    font-size: 30px !important;
  }

  .team-area-header {
    padding-bottom: 1rem !important;
  }

  .all-section .mission-area {
    padding: 50px 0;
    position: relative;
  }

  .team {
    padding: 0 !important;
  }


  .contacnt_details-area {
    padding-top: 1rem !important;
  }

  .mission-text h3 {
    margin-bottom: 1.5rem !important;
  }

  .mission-text p {
    font-size: 14px;
  }

  .vision-containt h3 {
    font-size: 15px !important;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }

  .project-title {
    margin-bottom: 2rem;
  }

  .project-title h3 {
    font-size: 24px !important;
  }

  .skill-title  h3 {
    font-size: 24px;
  }

  .about-top-text p {
    font-size: 14px !important;
    line-height: 1.5;
  }

  .about-text p {
    font-size: 14px;
  }


  .brand-title h3 {
    font-size: 24px;
  }

  .get-in-touch-area{
    padding: 40px 0;
  }

  .contacnt_details-area{
    padding-bottom: 1rem !important;
  }

  .mission-img{
    display: none !important;
  }

  .all-section .mission-area .mission-containt {
    flex: 1;
  }
  .all-section .mission-area .mission-img {
    position: absolute;
    right: 15%;
    display: flex;
    justify-content: flex-end;
  }
  .all-section .mission-area .mission-img img {
    width: 40%;
  }
  .all-section .skill-area {
    padding: 50px 0;
  }
  .all-section .skill-area .skill-fl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .all-section .skill-area .skill-fl .single-skill {
    width: 100%;
  }
  .all-section .vision-area {
    padding: 50px 0;
  }
  .all-section .vision-area .vision-containt h3 {
    font-size: 20px;
  }
  .all-section .project-area {
    padding: 50px 0;
  }
  .all-section .about-area {
    padding: 50px 0;
  }
  .all-section .about-area .about-top-text p {
    font-size: 20px;
  }
  .all-section .about-area .about-last-text {
    padding-left: 20px;
    height: 60px;
  }
  .all-section .about-area .about-last-text p {
    font-size: 12px;
  }
  .all-section .brand-area {
    padding: 50px 0;
  }
  .all-section .brand-area .brand-title {
    margin-bottom: 40px;
  }
  .all-section .brand-area .brand-fl {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .all-section .brand-area .single-brand {
    width: 100%;
    padding: 35px;
    height: 200px;
  }
  .all-section .brand-area .single-brand:hover .brand-img img {
    transform: translate(0, 0);
  }
  .all-section .brand-area .single-brand .brand-img img {
    transform: translate(45%, 90%);
  }
  .all-section .brand-area .single-brand .brand-text h3 {
    font-size: 16px;
  }
  .all-section .brand-area .single-brand .brand-text p {
    font-size: 12px;
  }
  .all-section .team-area .team-area-header::after {
    width: 98%;
    height: 2px;
  }

  .team-area {
    padding-bottom: 50px;
  }

  .all-section .team-area .team {
    padding: 0 0.75rem;
  }
  .all-section .team-area .team .team-member {
    display: block !important;
  }
  .all-section .team-area .team .team-member .member-name-and-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .all-section .team-area .team .team-member .member-name {
    font-size: 20px !important;
  }
  .all-section .team-area .team .team-member .member-badge {
    font-size: 12px;
  }
  .all-section .team-area .team .team-member .member-img {
    opacity: 0;
    position: static !important;
    height: 0;
    transition: 0.3s;
    overflow: hidden;
    margin: auto;
    border-radius: 3px;
  }

  ._lead {
    font-size: 14px !important;
  }
  .all-section .team-area .team .team-member .member-img img {
    border-radius: 3px;
  }
  .all-section .team-area .team .team-member:hover .member-img {
    margin: auto;
    margin-top: 1rem;
    -webkit-animation: asdfa;
            animation: asdfa;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
  }
  @-webkit-keyframes asdfa {
    to {
      height: 100%;
    }
  }
  @keyframes asdfa {
    to {
      height: 100%;
    }
  }
  .all-section .get-in-touch-area .get-in-touch-area-header {
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area {
    display: grid !important;
    grid-template-columns: 1fr;
  }
  .all-section .get-in-touch-area .contacnt_details-area .location_and_tel {
    flex: 1;
    padding: 0 0.75rem;
  }
  .all-section .get-in-touch-area .contacnt_details-area ._contact_form {
    flex: 1;
  }
  .all-section .footer-copy-area {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .copy_text {
    font-size: 12px !important;
  }
  ._goToTop {
    right: 20px !important;
    bottom: 20px !important;
  }


}
/* SM Small Device :550px. *//*# sourceMappingURL=responsive.css.map */