/*MOBILE*/
@media screen and (max-width: 767px) {
    .transformersDesktop {
        display: none;
    }
    .slider{
        height: 10vh;
    }

    h2 {
        text-align: center;
        padding: 20px;
    }

    /* Slider */
    .slick-slide {
        margin: 0px 20px;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }


    .backImage {
        background: border-box url('/images/tier3-images/icons/backImge.png');
        background-repeat: no-repeat;
        margin-right: 20px;

    }

    footer {
        background-color: #F7941D ;

    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }


    .row:after {
        content: "";
        display: table;
        clear: both;
    }
}

/*DESKTOP*/
@media screen and (min-width: 767px) {
    .transformersMobile {
        display: none;
    }

    .backImage {
        background: border-box url('/images/tier3-images/icons/backImge.png');
        background-repeat: no-repeat;
        margin-right: 20px;

    }

    footer {
        background-color: #F7941D ;

    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }


    .row:after {
        content: "";
        display: table;
        clear: both;
    }
}