/* XXL Devices Ultra-Wide Screens*/
@media (min-width: 1600px) {
  .hero {
  padding-top: 60px;
  padding-bottom: 60px;
  }
  
  .hero-bg {
    min-height: 90vh;
  }

  .heroContent h1 {
    font-size: 100px;
    line-height: 120px;
  }
  
  .about {
    padding-top: 120px;
    padding-bottom: 140px;
  }
  .aboutContent h2 {
    font-size: 56px;
    line-height: 70px;
  }
  .decorative-line {
    width: 320px;
    height: 180px;
    bottom: -50px;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent h2 {
    font-size: 56px;
    line-height: 70px;
  }
  .portfoliobg1-decorative {
    width: 160px;
    height: 200px;
    top: 20px;
  }

  .skills {
    padding-top: 120px;
    padding-bottom: 140px;
  }

  .skillsContent h2 {
    font-size: 56px;
    line-height: 70px;
  }

  .skillsContent p {
    font-size: 20px;
    line-height: 34px;
  }

  .progress {
    height: 20px;
  }

  .education {
    padding-top: 0;
    padding-bottom: 0;
  }
  .educationContent h2 {
    font-size: 56px;
    line-height: 70px;
  }

  .courses {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .coursesContent h2 {
    font-size: 54px;
    line-height: 68px;
  }

  .coursesbg1-decorative {
    width: 280px;
    height: 240px;
    left: 100px;
  }

  .tool-img {
    width: 84px;
    height: 84px;
  }

  .inTouchContent h2 {
    font-size: 56px;
    line-height: 68px;
  }
  .inTouchContent h6 {
    font-size: 26px;
  }
  .contact-label {
    font-size: 32px;
  }
  .icon-box {
    width: 100px;
    height: 100px;
    font-size: 40px;
  }
}

/* Extra Large Devices Desktops */
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heroContent h1 {
    font-size: 86px;
  }
  
  .about {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .aboutContent h2 {
    font-size: 52px;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent h2 {
    font-size: 52px;
  }

  .skills {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .skillsContent h2 {
    font-size: 52px;
  }

  .progress {
    height: 18px;
  }

  .education {
    padding-top: 0;
    padding-bottom: 0;
  }

  .educationContent h2 {
    font-size: 46px;
    line-height: 58px;
  }

  .educationContent p {
    font-size: 17px;
  }

  .coursesContent h2 {
    font-size: 48px;
  }

  .coursesContent p {
    font-size: 18px;
  }

  .coursesbg1-decorative {
    width: 240px;
    height: 210px;
    left: 60px;
  }

   .tool-img {
    width: 80px;
    height: 80px;
  }

  .inTouchContent h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .contact-label {
    font-size: 28px;
  }
  .icon-box {
    width: 88px;
    height: 88px;
    font-size: 34px;
  }
}


/* Large Devices Laptops */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .heroContent h1 {
    font-size: 72px;
  }

  .about {
    padding-top: 90px;
    padding-bottom: 100px;
  }
  .aboutContent h2 {
    font-size: 44px;
    line-height: 56px;
  }
  .aboutContent p {
    font-size: 17px;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent h2 {
    font-size: 44px;
    line-height: 56px;
  }
  .portfolioContent p {
    font-size: 17px;
  }
  .portfoliobg1-decorative {
    width: 120px;
    height: 150px;
  }

  .skills {
    padding-top: 90px;
    padding-bottom: 100px;
  }

  .skillsContent h2 {
    font-size: 44px;
    line-height: 56px;
  }

  .skillsContent p {
    font-size: 17px;
    line-height: 28px;
  }

  .progress {
    height: 16px;
  }

   .education {
    padding-top: 0;
    padding-bottom: 0;
  }

  .educationContent h2 {
    font-size: 38px;
    line-height: 48px;
  }

  .educationContent p {
    font-size: 16px;
  }

  .timeline-item .card {
    padding: 20px;
  }

  .courses {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .coursesContent h2 {
    font-size: 42px;
    line-height: 54px;
  }

  .coursesContent p {
    font-size: 17px;
  }

  .course-title {
    font-size: 22px;
  }

  .coursesbg1-decorative {
    width: 200px;
    height: 180px;
    left: 40px;
  }

  .row.g-0 > [class*="col-"]:nth-child(3n) {
    border-right: none;
  }
  .row.g-0 > [class*="col-"]:nth-last-child(-n+3) {
    border-bottom: none;
  }

  .inTouch {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .inTouchContent h2 {
    font-size: 42px;
    line-height: 54px;
  }
  .inTouchContent p {
    font-size: 17px;
  }
  .contact-label {
    font-size: 26px;
  }
  .icon-box {
    width: 76px;
    height: 76px;
    font-size: 30px;
  }
}


/* Medium Devices Tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hero {
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
  }

  .heroContent {
    text-align: center;
  }

  .cvbtn {
    font-size: 16px;
    padding: 10px 28px;
  }

  .heroContent h1 {
    font-size: 56px;
    line-height: 78px;
  }

  .heroContent p {
    font-size: 20px;
  }

  .social-icon {
    width: 50px;
    height: 50px;
  }

  .about {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .aboutImage {
    margin-bottom: 40px;
    text-align: center;
  }
  .aboutContent {
    text-align: center;
  }
  .aboutContent h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .aboutContent p {
    font-size: 17px;
    line-height: 28px;
  }
  .decorative-line {
    display: none;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent {
    text-align: center;
  }
  .portfolioContent h2 {
    font-size: 40px;
    line-height: 52px;
  }
  .portfolioContent p {
    font-size: 17px;
    line-height: 28px;
  }
  .portfoliobg1-decorative {
    display: none;
  }
  #portfolio-tabs .nav-pills {
    flex-wrap: wrap;
    gap: 12px;
  }
  #portfolio-tabs .nav-link {
    padding: 10px 16px;
    font-size: 15px;
  }

  .skills {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .skillsContent {
    text-align: center;
  }

  .skillsContent h6 {
    font-size: 22px;
  }

  .skillsContent h2 {
    font-size: 40px;
    line-height: 52px;
  }

  .skillsContent p {
    font-size: 17px;
    line-height: 28px;
  }

  .skills img {
    margin-top: 40px;
  }

  .progress {
    height: 14px;
  }

  .educationContent h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .educationContent p {
    font-size: 15px;
  }

  .timeline-item .card h5 {
    font-size: 20px;
    line-height: 30px;
  }

  .timeline-item .card h6 {
    font-size: 18px;
  }

  .education .row.justify-content-evenly {
    flex-direction: column;
    align-items: center;
  }

  .education .col-lg-5 {
    width: 100%;
    margin-bottom: 40px;
  }

  .courses {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .coursesContent h2 {
    font-size: 38px;
    line-height: 50px;
  }

  .coursesContent p {
    font-size: 16px;
  }

  .coursesbg1-decorative {
    width: 160px;
    height: 150px;
    left: 30px;
  }

  .course-title {
    font-size: 20px;
  }

  .tool-img {
    width: 70px;
    height: 70px;
  }

  .inTouch {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .inTouchContent h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .inTouchContent p {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-label {
    font-size: 24px;
  }
  .icon-box {
    width: 70px;
    height: 70px;
    font-size: 28px;
  }
  .contact-info {
    margin-bottom: 40px;
  }
  .inTouchbg1-decorative {
    width: 120px;
    height: 170px;
  }

  .footer .container {
    flex-direction: column-reverse;
    text-align: center;
    gap: 16px;
  }

  .footer-text p {
    font-size: 15px;
    line-height: 24px;
  }

  .footer-icons {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .footer .d-flex {
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 10px;
  }
}


/* Small Devices Landscape Phones */
@media (min-width: 576px) and (max-width: 767.98px) {

  .heroContent h1 {
    font-size: 48px;
    line-height: 64px;
  }

  .heroContent p {
    font-size: 18px;
  }

  .social-icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }

  .about {
    padding-top: 60px;
    padding-bottom: 70px;
  }
  .aboutContent h4 {
    font-size: 20px;
  }
  .aboutContent h2 {
    font-size: 34px;
    line-height: 44px;
  }
  .aboutContent p {
    font-size: 16px;
    line-height: 26px;
  }

  .decorative-line {
    display: none;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent h6 {
    font-size: 20px;
  }
  .portfolioContent h2 {
    font-size: 34px;
    line-height: 44px;
  }
  .portfolioContent p {
    font-size: 16px;
    line-height: 26px;
  }
  #portfolio-tabs .nav-link {
    font-size: 14px;
    padding: 8px 14px;
  }

  .skills {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .skillsContent {
    text-align: center;
  }

  .skillsContent h6 {
    font-size: 20px;
  }

  .skillsContent h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .skillsContent p {
    font-size: 16px;
    line-height: 26px;
  }

  .skills img {
    margin-top: 30px;
  }

  .progress {
    height: 12px;
  }

  .education {
    padding-top: 0;
    padding-bottom: 0;
  }

  .educationContent h6 {
    font-size: 20px;
  }

  .educationContent h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .educationContent p {
    font-size: 15px;
    line-height: 26px;
  }

  .card h5 {
    font-size: 20px;
    line-height: 30px;
  }

  .card h6 {
    font-size: 18px;
  }

  .card p {
    font-size: 15px;
    line-height: 24px;
  }

  .education .col-lg-5 {
    width: 100%;
    margin-bottom: 40px;
  }

  .timeline-line {
    display: none;
  }

 .timeline-item {
    padding-left: 0 !important;
  }

  .education h4 {
    margin-bottom: 16px !important;
  }

  .education .timeline-item.mb-5 {
    margin-bottom: 24px !important;
  }

  .courses {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .coursesContent h6 {
    font-size: 20px;
  }

  .coursesContent h2 {
    font-size: 32px;
    line-height: 44px;
  }

  .coursesContent p {
    font-size: 15px;
    line-height: 26px;
  }

  .coursesbg1-decorative {
    width: 140px;
    height: 120px;
    left: 20px;
  }

  .course-title {
    font-size: 20px;
  }

  .tool-img {
    width: 65px;
    height: 65px;
  }

  .inTouch {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .inTouchContent h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .inTouchContent h6 {
    font-size: 20px;
  }
  .inTouchContent p {
    font-size: 15px;
    line-height: 24px;
  }
  .contact-label {
    font-size: 22px;
  }
  .icon-box {
    width: 64px;
    height: 64px;
    font-size: 24px;
  }
  .inTouchbg1-decorative {
    width: 100px;
    height: 140px;
  }
  .form-floating label {
    font-size: 15px;
  }
}


/* Extra Small Devices Phones */
@media (max-width: 575.98px) {
  .hero {
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
  }

  .heroContent {
    text-align: center;
  }

  .heroContent h2 {
    font-size: 22px;
  }

  .heroContent h1 {
    font-size: 38px;
    line-height: 52px;
  }

  .heroContent h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .heroContent p {
    font-size: 16px;
    line-height: 24px;
  }

  .cvbtn,
  .contactbtn {
    padding: 8px 22px;
    font-size: 15px;
    line-height: 22px;
  }

  .social-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .header .container {
    flex-wrap: nowrap;
  }

  .about {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .aboutImage {
    margin-bottom: 30px;
  }
  .aboutContent h4 {
    font-size: 18px;
  }
  .aboutContent h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .aboutContent p {
    font-size: 15px;
    line-height: 24px;
  }
  .hirebtn {
    padding: 10px 26px;
    font-size: 16px;
  }

  .decorative-line {
    display: none;
  }

  .portfolio {
    padding-top: 0;
    padding-bottom: 0;
  }
  .portfolioContent h6 {
    font-size: 18px;
  }
  .portfolioContent h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .portfolioContent p {
    font-size: 15px;
    line-height: 24px;
  }
  #portfolio-tabs .nav-pills {
    gap: 8px;
  }
  #portfolio-tabs .nav-link {
    font-size: 13px;
    padding: 6px 12px;
  }
  .portfolio-card img {
    border-radius: 10px;
  }

  .skills {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .skillsContent {
    text-align: center;
  }

  .skillsContent h6 {
    font-size: 18px;
  }

  .skillsContent h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .skillsContent p {
    font-size: 15px;
    line-height: 24px;
  }

  .skills img {
    margin-top: 30px;
  }

  label.fw-medium {
    font-size: 15px;
  }

  .progress {
    height: 10px;
  }

  .progress-bar {
    font-size: 10px;
  }

  .education {
    padding-top: 0;
    padding-bottom: 0;
  }

  .educationContent h6 {
    font-size: 18px;
  }

  .educationContent h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .educationContent p {
    font-size: 14px;
    line-height: 24px;
  }

  .timeline-item .card {
    padding: 16px;
  }

  .card h5 {
    font-size: 18px;
    line-height: 28px;
  }

  .card p {
    font-size: 14px;
    line-height: 22px;
  }

  .timeline-line {
    display: none;
  }

  .education .timeline-item {
    padding-left: 0 !important;
  }

  .education h4 {
    margin-bottom: 14px !important;
  }

  .education .timeline-item.mb-5 {
    margin-bottom: 22px !important;
  }

  .education .col-lg-5 {
    margin-bottom: 45px !important;
  }
  
  .courses {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .coursesContent h6 {
    font-size: 18px;
  }

  .coursesContent h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .coursesContent p {
    font-size: 14px;
    line-height: 24px;
  }

  .course-title {
    font-size: 18px;
    line-height: 28px;
  }

  .coursesbg1-decorative {
    width: 120px;
    height: 100px;
    left: 10px;
  }

  .tool-img {
    width: 58px;
    height: 58px;
  }

  .inTouch {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .inTouchContent h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .inTouchContent h6 {
    font-size: 18px;
  }
  .inTouchContent p {
    font-size: 14px;
    line-height: 22px;
  }
  .contact-label {
    font-size: 20px;
  }
  .contact-detail {
    font-size: 15px;
  }
  .icon-box {
    width: 58px;
    height: 58px;
    font-size: 22px;
  }
  .sendbtn {
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
  }
  .inTouchbg1-decorative {
    display: none;
  }
  .form-floating label {
    font-size: 14px;
  }
  
  .footer .container {
    flex-direction: column-reverse;
    text-align: center;
    gap: 16px;
  }

  .footer-text p {
    font-size: 14px;
    line-height: 22px;
  }

  .footer-icons {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }

  .footer .d-flex {
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 8px;
  }
}