.third-left{
    position: relative;
    height: 500px;
    width: 50%;
    background-color: rgb(241, 241, 241);
    text-align: center;
    padding: 100px;
    color: black;
}

.third-left p {
    font-size: 25px;
}

.third-right {
    position: relative;
    height: 500px;
    width: 50%;
    background-color: rgb(241, 241, 241);
    padding: 50px;
}

.third-right img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:1300px){
    .third-left{
        padding: 80px;
    }
}
@media screen and (max-width:1220px){
    .third-left{
        padding: 0px;
        padding: 80px;
        padding-left:40px;
        padding-right:40px;
    }
}

@media screen and (max-width:1100px){
    .third {
        height: 400px;
    }
    .third-left{
        padding: 70px;
        height: 400px;

    }
    .third-left p {
        font-size: 20px;
    }
    .third-right {
        height: 400px;
    }
}

@media screen and (max-width:1000px){
    .third-left{
        padding: 60px;
    }
}

@media screen and (max-width:900px){
    .third {
        height: 900px;
        display: initial;
    }
    .third-left {
        width: 100%;
        height: 400px;
    }
    .third-left p {
        font-size: 30px;
    }
    .third-right {
        width: 100%;
        height: 500px;
        
    }
    .third-right img {
        width: 100%;
        height: 400px;
    }
}

@media screen and (max-width:690px){
    .third-left p {
        font-size: 25px;
    }
    .third-right img {
        width: 100%;
        height: 300px;
    }
}

@media screen and (max-width:550px){
    .third-left {
        height: 500px;
    }
    .third-right {
        height: 400px;
    }
    .third-right img {
        height: 200px;
    }
}

@media screen and (max-width:430px){
    .third {
        height: 865px;
    }
    .third-left {
        height: 465px;
    }
    .third-left p {
        font-size: 20px;
    }
}