@media only screen and (max-width: 1700px) {
    .featured-section {
        padding-left: 240px;
        padding-right: 240px;
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .intro {
        padding: 0px 100px 0px 100px;
    }
    .nav-container.sticky-top {
        padding: 0px 130px 0px;
    }

    /* .article-container {
        padding-left: 300px;
        padding-right: 300px;
        padding-top: 120px;
        padding-bottom: 80px;
    } */

    .article-container {
        padding-left:300px;
        padding-right:300px;
        padding-top: 80px;
        padding-bottom: 30px;
    }
    
    .article-container.content {
        padding-top:20px;
        padding-bottom:80px;
    }

    .hori-timeline .events {
        padding-left: 130px;
    }

    .hiw-title {
        padding-left: 100px;
    }
}

@media only screen and (max-width: 1600px) {
    .general-container {
        padding-left: 220px;
        padding-right: 220px;
    }
    .intro {
        padding: 0px 50px 0px 50px;
    }

    .nav-container {
        padding: 50px 205px 0px;
        z-index: 1;
    }

    .work-container {
        padding-left: 130px;
        padding-right: 130px;
    }

    .work-list-section {
        padding-left: 160px;
        padding-right: 160px;
        padding-top: 136px;
        padding-bottom: 136px;
    }

    .work-list-section .card {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 88px;
        padding-bottom: 88px;
    }

    .hori-timeline .events {
        padding-left: 100px;
    }

    .hiw-title {
        padding-left: 100px;
    }

    .contact2-form-title {
        padding-left: 130px
    }

    .social-media-link ul {
        padding-left: 65px;
    }
    
    .section-seperator.one {
        margin: 90px 0px;
    }

    .contact-me .form {
        padding-left: 140px;
    }
    
    .contact-me img {
        margin-left: 115px;
    }
    
}

@media only screen and (max-width: 1580px) {
    .general-container {
        padding-left: 140px;
        padding-right: 140px;
    }

    .featured-section {
        padding-left: 140px;
        padding-right: 140px;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .nav-container {
        padding: 50px 130px 0px;
        z-index: 1;
    }

    .work-container {
        padding-left: 130px;
        padding-right: 130px;
    }

    .hori-timeline .events {
        padding-left: 70px;
    }

    .hiw-title {
        padding-left: 100px;
    }

    .nav-container.sticky-top {
        padding: 0px 130px 0px;
    }
}

@media only screen and (max-width: 1550px) {
    .hori-timeline .events {
        padding-left: 30px;
    }
    
    .hiw-title {
        padding-left: 100px;
    }

    .hori-timeline .events .event-list {
        margin-left: 70px;
    }
}


@media only screen and (max-width: 1440px) {
    .summary {
        padding-left: 155px;
    }

    .hori-timeline .events {
        padding-left: 30px;
    }

    .hori-timeline .events .event-list {
        margin-left: 70px;
    }

    .hiw-title {
        padding-left: 100px;
    }

    .contribution-section .card {
        min-height: 720px;
    }
    
}

@media only screen and (max-width: 1390px) {
    .general-container {
        padding-left: 70px;
        padding-right: 70px;
    }

    .featured-section {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 120px;
        padding-bottom: 120px;
        margin-top: 50px;
    }

    .nav-container {
        padding: 50px 60px 0px;
        z-index: 1;
    }

    .nav-container.sticky-top {
        padding: 0px 60px 0px;
    }

    /* .nav-container.sticky-top {
        padding: 50px 60px 0px;
    } */

    .footer-container .col {
        margin: 10px;
    }
    

    .work-container {
        padding-left: 60px;
        padding-right: 60px;
    }


    .summary {
        padding-left: 135px;
    }

    .work-list-section {
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .work-list-section .card {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .work-list-section .sec-2 .desc {
        min-height: 270px;
    }
    .work-list-section .desc {
        min-height: 190px;
    }

    .article-container {
        padding-left: 200px;
        padding-right: 200px;
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .contact2-form-title {
        padding-left: 80px;
    }

    .contact-me .form {
        padding-left: 90px;
    }
}

@media only screen and (max-width: 1386px) {
    .hori-timeline .events {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 1380px) {
    .hori-timeline .events {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 1371px) {
    .hori-timeline .events {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 1366px) {
    .hori-timeline .events {
        padding-left: 0px;
    }
}

@media only screen and (max-width:1300px) {

    .hori-timeline .events {
        padding-left: 100px;
    }

    .hori-timeline .events .event-list {
        margin-left: 50px;
    }

    .intro {
        padding: 0px 0px 0px 0px;
    }
}



@media only screen and (max-width: 1209px) {}


@media only screen and (max-width: 1200px) {

    .social-media-link ul {
        padding-left: 85px;
    }

    .contact-me img {
        margin-left: 65px;
    }
    
}

@media only screen and (max-width: 1159px) {}

@media only screen and (max-width: 1223px) {}

@media only screen and (max-width: 1171px) {}

@media only screen and (max-width: 1093px) {}

@media only screen and (max-width: 1060px) {
    .general-container.services {
        padding-top: 120px;
    }
    .work-container {
        padding-left: 100px;
        padding-right: 100px;
    }

    .summary {
        padding-left: 85px;
    }

    .article-container {
        padding-left: 150px;
        padding-right: 150px;
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .featured-section .testimonial .row .tony {
        max-height: 300px;
    }

    .contact-me img {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1029px) {}

@media only screen and (max-width: 991px) {
    .work-list-section .sec-2 .desc {
        min-height: 190px;
    }

    .work-list-section .sec-2 .lower {
        margin-bottom: 40px;
    }

    .work-list-section .desc {
        min-height: 280px;
    }

    .social-media-link ul {
        padding-left: 20px;
    }

    .contact-me img {
        margin-left: 10px;
    }

    .contact-image {
        display: none;
    }

    .contact-me .form {
        padding-left: 50px;
    }

    .footer-container .section-seperator {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 990px) {
    .social-media-link {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .company-badge {
        margin-bottom: 30px;
    }

    .principles-section .info {
        padding: 30px;
    }

    .nav-container {
        padding: 50px 35px 0px;
    }

    .nav-container.sticky-top {
        padding: 0px 35px 0px;
    }

    .general-container {
        padding-left: 35px;
        padding-right: 35px;
    }

    .summary {
        padding-left: 15px;
    }

    .footer-container .section-seperator {
        margin-top: 40px;
    }

}

@media only screen and (max-width: 890px) {}

@media only screen and (max-width: 831px) {
    .work-list-section .desc {
        min-height: 360px;
    }

    .work-list-section .sec-2 .desc {
        min-height: 250px;
    }
    .featured-section .testimonial .row .tony {
        max-height: 350px;
    }
}

@media (max-width:800px) {}

@media only screen and (max-width:767px) {
    #resp-nav {
        display: none;
    }

    .nav-menu {
        display: block;
    }
    

    .featured-section .testimonial {
        padding-right: 45px;
        padding-left: 45px;
    }


    .about .section-seperator.one {
        margin: 60px 0px;
    }

    .work-container {
        padding-left: 50px;
        padding-right: 50px;
    }   

    .work-list-section .desc {
        min-height: 190px;
    }

    .work-list-section .sec-2 .desc {
        min-height: 130px;
    }

    .work-list-section .sec-1 .upper {
        margin-bottom: 40px;
    }

    .work-list-section .section-seperator.one {
        margin: 30px 0px;
    }

    .sec-2 {
        margin-top: 40px;
    }

    .work-container {
        margin-bottom: 50px;
    }

    .card-img-top {
        width: 100%;
        height: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        align-self: center;
    }

    .article-container {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .footer-right {
        display: flex;
        justify-content: center;
        margin: auto;
        right: 0px;
    }

    .footer-left {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .featured-section .testimonial .row .tony {
        max-height: 1050px;
    }

    .footer-container .section-seperator {
        margin-top: 30px;
    }

    .footer-right ul {
        padding-left: 30px;
        padding-right: 30px;
    }

    .contact-me {
        margin-top: 70px;
    }

    .contact2-form-title {
        padding-bottom: 30px;
        padding-left: 30px;
    }
}


@media screen and (max-width:700px) {}

@media only screen and (max-width: 670px) {
    .work-list-section {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .work-list-section .card {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .summary {
        padding-left: 15px;
    }

    .work-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .article-container {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 40px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {}

@media only screen and (max-width: 576px) {}



@media only screen and (max-width:480px) {
    .general-container.services {
        padding-top: 50px;
    }
    .general-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-name h1 {
        font-size: 58px;
        display: block;
    }
    .intro {
        padding: 0px 20px 0px 20px;
    }
    .featured-section {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .nav-container {
        padding: 20px 20px 0px;
    }

    .nav-container.sticky-top {
        padding: 20px 20px 0px;
    }

    .article-container {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .featured-section .testimonial .row .tony {
        max-height: 1350px;
    }

    .contact2-form-title {
        padding-left: 50px;
    }
    
    .footer-container .section-seperator {
        margin-top: 40px;
    }

    .article-container.content {
        padding-bottom: 30px;
    }

    .contact-me {
        margin-top: 50px;
    }

    .contact2-form-title {
        padding-left: 30px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 435px) {}


@media only screen and (max-width: 370px) {}

@media only screen and (max-width: 356px) {}