@media screen and (min-width: 100px) and (max-width: 768px){
    #testimonial-carousel{
        padding: 15px;
    }

    .innerbanner{
        height: auto;
        img{
            width: 100%;
            height: auto;
            object-fit: contain;
        }
        aside{
            padding-bottom: 50px;
            align-items: flex-end;
            justify-content: flex-end;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+35,000000+70,000000+100&0.6+1,0+20,0+48,0+59,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 1%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 48%, rgba(0,0,0,0) 59%, rgba(0,0,0,0.27) 70%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 48%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.27) 70%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 48%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.27) 70%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */




            h1{
                margin: 0;
                text-align: center;
                font-size: 30px;
                width: 100%;
                margin-bottom: 30px;
            }
            .socialMedia{
                position: static !important;
                display: flex;
            }
        }
    }

    .ann-site-logo{
        width: 100px !important;
        height: 100px !important;
    }
    .innerbanner{
        img{
            width: 100%;
            height: auto;
            object-fit: contain;
        }

    }


    .sm-none{
        display: none !important;
    }
    .sm-block{
        display: block !important;
    }
    #owl-block{
        padding: 0 15px !important;
    }
}

@media screen and (min-width: 100px) and (max-width: 575px){

    .innerbanner{
        height: 100vh;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover !important;
        }

        h1{
            br{
                display: block !important;
            }
        }
    }

}