/*================
Template Name: Angela
Description: Angela Landing Page Template
Version: 1.0
Author: Author: https://www.templatemonster.com/authors/techeshta
=======================*/


@media only screen and (max-width: 1024px) and (min-width: 768px) {

h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}

.pt-md-80 {
    padding-top: 80px;
}

.pb-md-80 {
    padding-bottom: 80px;
}

.about-wrap .about-content p,
.skills-wrap .skills-title p,
.services-wrap .services-content p,
.latest-wrap .latest-content p,
.experience-wrap .experience-title p,
.testimonial-wrap .testimonial-text p,
.contact-wrap .contact-text p {
    width: 80%;
}

.masthead {
    padding: 180px 0 180px;
}

.services-wrap .services-icon-wrap {
    width: 44% !important;
    margin-right: 50px;
}

.services-wrap .services-icon-box {
    margin-top: -40px;
    margin-right: 20px;
}

.services-wrap .services-icon {
    width: 48% !important;
}

.experience-wrap .experience-timeline-wrap .timeline-wrap:after {
    top: 50%;
    transform: translate(14px, -70px);
}

.testimonial-card .card{
    padding: 20px;
}
}

@media only screen and (max-width: 767px) and (min-width: 280px) {

h1 {
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.pt-sm-50 {
    padding-top: 50px;
}

.pb-sm-50 {
    padding-bottom: 50px;
}

.about-wrap .about-content p,
.skills-wrap .skills-title p,
.services-wrap .services-content p,
.latest-wrap .latest-content p,
.testimonial-wrap .testimonial-text p,
.experience-wrap .experience-title p,
.contact-wrap .contact-text p {
    width: 100%;
}

.masthead {
    padding: 100px 0 150px;
}

.services-wrap .services-icon {
    width: 100% !important;
}

.services-wrap .services-icon-wrap {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
}

.services-wrap .services-icon-box {
    margin-top: 0px;
}

.services-wrap .services-icon-wrap {
    margin-top: 30px;
}

.latest-popup-wrap img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.timeline-wrap:after {
    top: 50%;
    transform: translate(14px, 60px);
}

.timeline-content {
    border-left: none;
}

.testimonial-card .card{
    padding: 20px;
}
}

@media only screen and (max-width: 480px) and (min-width: 280px) {

.timeline-wrap:after,
.experience-timeline:before {
    display: none;
}

.timeline-wrap,
.timeline-wrap-icon {
    border-left: none !important;
}
}