﻿.DT-Gallery-Slide-Container-text {
    margin: 0 auto;
    width: 100%!important;
    position: relative
}

.DT-Gallery-Slide-Container-text>div {
    /*position:relative*/
}

.DT-Gallery-Slide-Container .around-ss .content-ss {
    position: absolute;
    font-size: 14px;
    top: 0;
    width: 70%;
    padding: 20px;
    height: 100%;
    left: 0;
    text-align: left;
    margin-left: 15%
}

.DT-Gallery-Slide-Container-text div .button {
    margin-top: -5px!important;
    float: right!important;
    text-align: right;
    padding: 4px 25px!important
}

.DT-Gallery-Slide-Container-text div .content h2 {
    color: #fff!important;
    text-transform: uppercase!important;
    font-size: 14px;
    font-weight: 400!important;
    line-height: 20px!important
}

.DT-Gallery-Slide-Container-text div .content p {
    color: #fff!important;
    text-align: left!important
}

.DT-Gallery-Slide-Container-text div .content .textpop {
    width: 70%;
    float: left
}

.DT-Gallery-Slide-Container-text div .content a.mapp {
    margin-right: 30px;
    width: 70px;
    height: 70px;
    float: right;
    margin-top: 3%;
    padding: 23px 13px;
    border: 3px solid #fff;
    display: inline-block;
    font-size: 20px!important;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase
}

.DT-Gallery-Slide-Container-text div .button {
    display: none
}

.owl-gallery1 .item,
.owl-gallery2 .item {
    text-align: center!important
}

.owl-gallery1 .owl-dots,
.owl-gallery2 .owl-dots {
    display: none!important
}

@media(max-width:991px) {
    .DT-Gallery-Slide-Container-text div .content h2 {
        font-size: 20px
    }
}