@media only screen and (min-width: 360px) {

    .quote-container .quote-img figure {
        padding-left: 40px;
    }

    .quote-container .quote-txt,
    .quote-container .quote-txt2,
    .quote-container .download-group {
        padding: 30px;
        position: relative;
        z-index: 2;
    }

    

    .quote-container .dwn-img {
        position: absolute;
        top: -100px;
        right:-210px;
        display: none;
        z-index: 1;
    }

    .quote-container .dwn-img-2 {
        position: absolute;
        top: -80px;
        left: -95px;
        display: none;
    }

    .quote-container .download-blue-bg {
        color: #ffffff;
        background: linear-gradient(180deg, #0000FF 0%, #0000E8 100%);
        border-radius: 10px;
        padding: 15px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        max-height: 150px;
        position: relative;
        z-index: 10;
        transition: all 0.3s ease-out;
        max-width: 420px;
    }

    .quote-container .download-blue-bg:hover a.gb-button, .quote-container .download-blue-bg:hover p{
        color:var(--link-hover-clr);
    }

    .quote-container .download-blue-bg a.gb-button {
        background:none;
        border:none;
        font-size: 20px;
        font-weight: 700;
        padding:0px;
        
    }
    .quote-container .download-blue-bg p{
        margin-bottom: 0px; 
        font-size:14px;
        transition: all 0.3s ease-out 0.5s;
    }
    .quote-container .download-blue-bg:hover p{
        color:#ffba85;    
    }

    .quote-container .larger-text{
        margin-bottom: 0px;
    }
    
    .hero-block .quote-container .download{
        padding:0px;
    }
    .hero-block .download-group{
        padding:30px 0px;
    }
 }
 @media only screen and (min-width: 480px) {
    
 }
 
 @media only screen and (min-width: 768px) {
    .quote-container .quote-img,
    .quote-container .quote-txt {
        display: flex;
        justify-content: center;
    }

    .quote-container .quote-img figure {
        padding-left: 0;
    }

    .quote-container .quote-txt {
        padding: 0;
    }

    .quote-container .computer-group{
        padding-top: 120px;
        padding-bottom: 20px;
    }

    .quote-container .quote-txt2.download{
        padding-left: 0px;
    }

    .quote-container .download-group {
        padding:0px;
        
    }

    .quote-container .download-blue-bg {
        max-width: none;
    }

    

    .quote-container .quote-txt2{
        padding-bottom: 40px;
    }

    .quote-container .dwn-img {
        position: absolute;
        top: -100px;
        right:-210px;
        display: block;
    }

    .quote-container .download-blue-bg a.gb-button {
        font-size: 22px;
    }

    .hero-block .quote-container .download{
        padding-top:30px;
        padding-bottom: 30px;
    }
 }
 
 @media only screen and (min-width: 1024px) {
    .quote-container .dwn-img-2 {
        display: block;
        top:-30px;
        left:-30px;
    }
    .quote-container .download-group{
        
    }
    .quote-container .computer-group,
    .quote-container .download-group{
        
    }

    .quote-container .download-blue-bg a.gb-button {
        font-size: 24px;
        
    }
 }

@media only screen and (min-width: 1280px) {
    .quote-container{
        margin-top:150px;
    }
    .quote-container .dwn-img-2 {
        left:15px;
    }
}