div.ps-s1-d1 {
    position: relative;
    margin: 50px auto 75px 45px;
    width: 380px;
    float: left;
    clear: both;
    transition: all 1s;
}

h1.ps-s1-h1 {
    position: relative;
    margin: 100px auto 0;
    padding: 0;
    font-family: Play;
    font-size: 36px;
    font-weight: bold;
    color: #001117;
}

h1.ps-s1-h1::before {
    position: absolute;
    top: -75px;
    left: 0;
    font-family: Play;
    font-size: 58px;
    font-weight: bold;
    content: "Кейс";
    color: #9996F1;
}

div.ps-s1-d2 {
    position: relative;
    margin: 50px auto 75px;
    width: 582px;
    height: 350px;
    border: 1px solid transparent;
    border-radius: 18px;
    float: right;
    overflow: hidden;
    transition: all 1s;
}

div.ps-s1-img-wp {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 582px;
    height: 350px;
    border: none;
}

img.ps-s1-img {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 582px;
    height: 350px;
    border: none;
}

div.ps-s1-d3 {
    margin: 0 auto 80px;
    width: 980px;
    float: left;
    clear: both;
    transition: all 1s;
}

div.ps-s1-d3 p {
    margin: 0;
    padding: 0;
    line-height: 28px;
    font-family: Play;
    font-size: 24px;
    color: #001117;
    transition: all 1s;
}

div.ps-s1-d3 p span.ps-s1-d3-spb {
    font-weight: bold;
}

/*
 * Further Media screen follow ----------------------------
 */

 /* @media (max-width: 1800px) {} */

 /* @media (max-width: 1440px) {} */

 /* @media (max-width: 1360px) {} */

 @media (max-width: 1280px) {

   /* div.ps-s1-d3 { float: none; } */

   div.ps-s1-d3 { width: 88%; }

   div.ps-s1-d3 p { margin-left: 25px; }

 }

 /* @media (max-width: 1200px) {} */

 @media (max-width: 1128px) {

    div.ps-s1-d1 { width: 350px; } 
    
    h1.ps-s1-h1 { font-size: 34px; }

    h1.ps-s1-h1::before { font-size: 57px; }

    div.ps-s1-d2 { margin-right: 20px; width: 500px; } 
    
    div.ps-s1-d3 { width: 96%; } 

    div.ps-s1-d3 p { margin-left: 5px; font-size: 23px; }

    div.ps-s1-d2 { height: 300px; }

    img.ps-s1-img { width: 498px; height: unset; }

 }

 @media (max-width: 1080px) {

    div.ps-s1-d1 { width: 340px; } 
    
    h1.ps-s1-h1 { font-size: 33px; }

    h1.ps-s1-h1::before { font-size: 56px; }

    div.ps-s1-d2 { margin-bottom: 45px; width: 480px; } 
    
    div.ps-s1-d3 p { font-size: 22px; }

 }

 @media (max-width: 1050px) {

    div.ps-s1-d1 { width: 330px; } 
    
    h1.ps-s1-h1 { font-size: 32px; }

    h1.ps-s1-h1::before { font-size: 55px; }

    div.ps-s1-d2 { width: 470px; } 
    
    div.ps-s1-d3 p { font-size: 21px; }

    img.ps-s1-img { width: 458px; }

 }

 @media (max-width: 1024px) {

    div.ps-s1-d1 { width: 320px; } 
    
    h1.ps-s1-h1 { font-size: 31px; }

    h1.ps-s1-h1::before { font-size: 54px; }

    div.ps-s1-d2 { width: 450px; } 
    
    div.ps-s1-d3 p { font-size: 20px; }

    img.ps-s1-img { width: 428px; }

 }

 @media (max-width: 990px) {

    div.ps-s1-d1 { width: 310px; } 
    
    h1.ps-s1-h1 { font-size: 30px; }

    h1.ps-s1-h1::before { font-size: 53px; }

    div.ps-s1-d2 { margin-bottom: 20px; width: 430px; } 
    
    div.ps-s1-d3 p { font-size: 19px; }

    img.ps-s1-img { width: 402px; }

 }

 @media (max-width: 960px) {

    div.ps-s1-d1 { margin: 50px auto 75px 15px; width: 280px; } 
    
    h1.ps-s1-h1 { font-size: 29px; }

    h1.ps-s1-h1::before { font-size: 52px; }

    div.ps-s1-d2 { margin-bottom: 10px; width: 360px; } 

    div.ps-s1-d3 p { font-size: 18px; }

    img.ps-s1-img { width: 358px; }

 }

 @media (max-width: 864px) {

    div.ps-s1-d1 { margin: 10px auto 5px 45px; width: 300px; margin-left: 0px; } 
    
    h1.ps-s1-h1 { font-size: 29px; }

    h1.ps-s1-h1::before { font-size: 52px; }

    div.ps-s1-d2 { margin-bottom: 40px; width: 78%; height: unset; float: left; margin-left: 0px; } 

    div.ps-s1-d3 { margin: 0 auto 50px; width: 78%; } 

    div.ps-s1-d3 p { font-size: 18px; }

   div.ps-s1-img-wp { position: relative; width: 100%; height: unset; }

    img.ps-s1-img { position: relative; width: 100%; }

 }

 @media (max-width: 800px) {

    div.ps-s1-d1, div.ps-s1-d2, div.ps-s1-d3 { width: 85%; } 

    div.ps-s1-d2 { margin-top: 30px; }

 }

 @media (max-width: 768px) {

    div.ps-s1-d1, div.ps-s1-d2, div.ps-s1-d3 { width: 89%; } 

 }

 @media (max-width: 750px) {

    div.ps-s1-d1, div.ps-s1-d2, div.ps-s1-d3 { width: 91%; } 

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

    div.ps-s1-d1, div.ps-s1-d2, div.ps-s1-d3 { width: 96%; } 

 }

 @media (max-width: 640px) {

    div.ps-section-wrap { width: 98%; }

    div.ps-s1-d1 { margin: 0 auto 5px 5px; }

    div.ps-s1-d1, div.ps-s1-d2, div.ps-s1-d3 { width: 100%; } 

 }

 /* 
 @media (max-width: 600px) {}
 @media (max-width: 540px) {}
 @media (max-width: 500px) {}
 @media (max-width: 480px) {}
 @media (max-width: 450px) {}
 @media (max-width: 414px) {}
 @media (max-width: 412px) {}
 @media (max-width: 411px) {}
 @media (max-width: 400px) {}
 @media (max-width: 375px) {}
 @media (max-width: 360px) {}
 @media (max-width: 340px) {}
 @media (max-width: 320px) {}
 @media (max-width: 280px) {}
 */