/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
.text-left-image-right-container-outer {
    width: 100%;
    float: left;
    padding: 80px 0px 100px 0px;
}

.text-left-image-right-container-left{
    width: 60%;
    float: left;
}
.text-left-image-right-container-right {
    width: 40%;
    float: left;

}
.text-left-image-right-container-title {
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 50px;

}
.text-left-image-right-image {
    width: 100%;

   /* -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
    */
}

.text-left-image-right-hubspot-text-container {
    padding: 80px 100px 0 0;
}
/* --------------------------------- RESPONSIVE ------------------- */
/* --------------------------------- RESPONSIVE ------------------- */
/* ------------------------------------- 1800px-------------------- */
@media screen and (max-width:1800px) and (min-width:0) {
    .text-left-image-right-container-left{
        width: 50%;
    }
    .text-left-image-right-container-right {
        width: 50%;  
    }
    .text-left-image-right-hubspot-text-container {
        padding:50px 20px 0 0;
    }

}
/* ------------------------------------- 1800px-------------------- */
/* ------------------------------------- 1200px-------------------- */
@media screen and (max-width:1800px) and (min-width:0) {
    .text-left-image-right-container-title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    

    .section-title-logo img {
        width: 170px;
        margin: -8px 0 0 13px;

    }
    .text-left-image-right-hubspot-text-container {
        padding: 20px 20px 0 0;
    }
}
/* ------------------------------------- 1200px-------------------- */
/* ------------------------------------- 992px-------------------- */
@media screen and (max-width:992px) and (min-width:0) {
    .text-left-image-right-hubspot-text-container {
        padding: 20px 0px 60px 0;
        width: 100%;
    }
    .text-left-image-right-container-right {
        width: 100%;
        padding-right: 0%;
    }
    
}
/* ------------------------------------- 992px-------------------- */
/* ------------------------------------- 768px-------------------- */
@media screen and (max-width:768px) and (min-width:0) {
    .text-left-image-right-container-outer {
        padding: 60px 0px 80px 0px;
    }
    
}
/* ------------------------------------- 768px-------------------- */



/* --------------------------------- RESPONSIVE ------------------- */
/* --------------------------------- RESPONSIVE ------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */
/* ---------------------- TEXT LEFT IMAGE RIGHT SECTION -------------------------- */