@media (max-width: 1024px) {

    .cover-img{
        content:url("../images/main-cover-ipad.jpeg");
    }

    header {
        padding: 15px 100px;
    }

    header .navbar ul{
        display: none;
    }

    header .menu-icon {
        display: inline-block;
    }

    .mast__text span {
        font-size: 55px;
    }

    #about .about-container{
        flex-direction: column;
    }

    section .mission{
        margin: 100px 120px 100px;
    }

    section.services-container {
        padding: 50px 120px 100px;
    }

    section.services-container .services div {
        width: 350px;
    }

    section.clients-container div:nth-child(2) {
        padding: 0px;
    }

    section.clients-container {
        padding: 100px 120px;
        flex-direction: column;
    }

    footer {
        grid-template-columns: 60% 20%;
        padding: 0px 150px;
    }

    .temp-controlled{
        flex-direction: column;
    }

    .dry-freight {
        flex-direction: column;
    }
    
    .download-application-form p {
        font-size: 40px;
    }

    .download-application-form a {
        margin-top: 10px;
    }

    .training-program {
        flex-direction: column;
    }

    section.contact {
        flex-direction: column;
    }
}

@media (max-width: 768px){
    .mast__text span {
        font-size: 40px;
    }

    #about{
        padding: 0px 100px;
    }

    section.services-container .services{
        flex-direction: column;
    }

    section.services-container .services div{
        margin: 0px auto 50px;
        width: 100%;
    }

    section.services-container .services div:nth-child(2){
        margin: 0px auto;
    }
    
    section.clients-container{
        flex-direction: column;
    }
    
    section.clients-container div:nth-child(1) img{
        width: 100%;
    }
  
    footer {
        /* text-align: center; */
        grid-template-columns: 100%;
    }

    .social-icons{
        justify-content: center;
    }

    .social-icons a{
        margin: 0px 20px 0px 20px;
    }

    section.content {
        padding: 100px 120px 0px;
    }

    .sub-section {
        padding: 100px 120px;
    }

    .temp-controlled {
        padding: 100px 120px;
    }

    .dry-freight {
        padding: 100px 120px;
    }

    .download-application-form {
        padding: 60px 120px;
    }

    .download-application-form a {
        margin-top: 5px;
    }

    .training-program { 
        padding: 100px 120px;
    }

    section.contact {
        padding: 0px 120px;
    }

    section iframe {
        padding: 50px 120px;
    }
}

@media (max-width: 430px){

    .cover-img{
        content:url("../images/mobile-main-cover.jpeg");
    }

    .page-cover-img{
        content:url("../images/mobile-page-cover-img.png");
    }
    header {
        padding: 10px 20px;
        height: 11vh;
        background-color: #fff;
        opacity: .8;
    }
    
    header .logo img {
        width: 100px;
    }

    header .menu-icon {
        top: 25%;
    }

    header .mobile-navbar{
        padding: 10vh 0vw;
    }

    section.cover {
        top: -11vh;
    }

    section.cover img {
        height: 106vh;
    }

    .mast__text span {
        font-size: 30px;
    }

    .mast__title span {
        font-size: 18px;
    }

    #about {
        padding: 0px 20px;
    }

    #about h1{
        padding: 30px 20px 0px;
    }

    #about .about-container .about-sub-container{
        margin: 0px 0px 30px;
    }

    #about .about-container .about-sub-container .icon-container{
        margin-top: 20px;
    }

    h1 {
        font-size: 30px;
    }
    
    h2 {
    font-size: 22px;
    font-weight:bold;
    }

    section .mission {
        margin: 50px 20px 50px;
        padding: 20px;
    }

    section.services-container{
        padding: 50px 20px;
    }

    section.clients-container{
        padding: 50px 20px;
    }
    section.clients-container div:nth-child(2) {
        padding: 0px;
    }

    #testimonials {
        padding: 30px 20px;
    }
    
    .testimonial {
    line-height: 20px;
    }
    
    p {
        font-size: 18px;
        text-align: justify;
    }

    footer {
        padding: 20px;
    }

    header .mobile-navbar ul {
        font-size: 30px;
    }

    footer div {
        margin: 10px 0px;
    }

    section.content {
        padding: 50px 20px 0px;
    }

    .sub-section {
        padding: 50px 20px;
        flex-direction: column;
        margin: -80px 0px 0px;
    }
    
    .sub-section div {
        width: 100%;
        margin: 0px 0px 20px;
    }

    .temp-controlled {
        padding: 50px 20px;
        margin: -60px 0px 0px;
    }
    
    .temp-controlled div:nth-child(2) {
        padding: 20px 0px;
    }

    .dry-freight {
        padding: 50px 20px;
    }

    .dry-freight div:nth-child(1) {
        padding: 20px 0px;
    }

    .download-application-form {
        padding: 50px 20px;
        margin: -60px 0px 0px;
    }

    .download-application-form p {
        font-size: 20px;
    }

    .download-application-form a {
        margin-top: 0px;
    }

    .download-application-form a {
        font-size: 18px;
        padding: 4px 14px;
        height: 36px;
        border-radius: 18px;
    }

    .training-program {
        padding: 50px 20px;
    }
    
    .training-program div:nth-child(2) {
    padding: 20px 0px;
    }

    section.contact {
        padding: 0px 20px;
        margin: -60px 0px 0px;
    }

    section iframe {
        padding: 50px 20px;
    }
}