body{
    min-width:auto;
    font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:14px;
}

a:focus-visible{
    outline:0;
}

.DTShr{
    clear:both;
}

.DTSmainContent h3, .DTSmainContent h2{
    text-align:center;
}

.centered{
    text-align:center;

}

.DTSTerminalTackle{
    vertical-align:middle;
}

.DTSTerminalTackle img{
    max-width:100%;
    display:block;
    margin:auto;
}

h2{
    color:#FFFF00;
}

.bbsizes{
    float:left;
    text-align:left;
}

.showmobile{
    display:none;
}

.leftalign{
    text-align:left;
}

.rightalign{
    text-align:right;
}

@media(max-width: 767px) {

.showmobile{
    display:block;
}


.mobilecenter{
    margin:auto;
    text-align:center;
    display:block;
}

.bbsizes{
    float:none;
    text-align:center;
}


    .m-all {
        float:left;
        padding-right: .75em;
        width: 100%;
        padding-right: 0
    }

    .m-1of2 {
        float: left;
        padding-right: .75em;
        width: 50%
    }

    .m-1of3 {
        float: left;
        padding-right: .75em;
        width: 33.33%
    }

    .m-2of3 {
        float: left;
        padding-right: .75em;
        width: 66.66%
    }

    .m-1of4 {
        float: left;
        padding-right: .75em;
        width: 25%
    }

    .m-3of4 {
        float: left;
        padding-right: .75em;
        width: 75%
    }


    .DTSlogo img{
        text-align:center;
        display:block;
        margin:auto;
        width:80%;
    }



}

@media(min-width: 768px) and (max-width:1029px) {
    .t-all {
        float:left;
        padding-right: .75em;
        width: 100%;
        padding-right: 0
    }

    .t-1of2 {
        float: left;
        padding-right: .75em;
        width: 50%
    }

    .t-1of3 {
        float: left;
        padding-right: .75em;
        width: 33.33%
    }

    .t-2of3 {
        float: left;
        padding-right: .75em;
        width: 66.66%
    }

    .t-1of4 {
        float: left;
        padding-right: .75em;
        width: 25%
    }

    .t-3of4 {
        float: left;
        padding-right: .75em;
        width: 75%
    }

    .t-1of5 {
        float: left;
        padding-right: .75em;
        width: 20%
    }

    .t-2of5 {
        float: left;
        padding-right: .75em;
        width: 40%
    }

    .t-3of5 {
        float: left;
        padding-right: .75em;
        width: 60%
    }

    .t-4of5 {
        float: left;
        padding-right: .75em;
        width: 80%
    }
}

@media(min-width: 1030px) {
    .d-all {
        float:left;
        padding-right: .75em;
        width: 100%;
        padding-right: 0
    }

    .d-1of2 {
        float: left;
        padding-right: .75em;
        width: 50%
    }

    .d-1of3 {
        float: left;
        padding-right: .75em;
        width: 33.33%
    }

    .d-2of3 {
        float: left;
        padding-right: .75em;
        width: 66.66%
    }

    .d-1of4 {
        float: left;
        padding-right: .75em;
        width: 25%
    }

    .d-3of4 {
        float: left;
        padding-right: .75em;
        width: 75%
    }

    .d-1of5 {
        float: left;
        padding-right: .75em;
        width: 20%
    }

    .d-2of5 {
        float: left;
        padding-right: .75em;
        width: 40%
    }

    .d-3of5 {
        float: left;
        padding-right: .75em;
        width: 60%
    }

    .d-4of5 {
        float: left;
        padding-right: .75em;
        width: 80%
    }

    .d-1of6 {
        float: left;
        padding-right: .75em;
        width: 16.6666666667%
    }

    .d-1of7 {
        float: left;
        padding-right: .75em;
        width: 14.2857142857%
    }

    .d-2of7 {
        float: left;
        padding-right: .75em;
        width: 28.5714286%
    }

    .d-3of7 {
        float: left;
        padding-right: .75em;
        width: 42.8571429%
    }

    .d-4of7 {
        float: left;
        padding-right: .75em;
        width: 57.1428572%
    }

    .d-5of7 {
        float: left;
        padding-right: .75em;
        width: 71.4285715%
    }

    .d-6of7 {
        float: left;
        padding-right: .75em;
        width: 85.7142857%
    }

    .d-1of8 {
        float: left;
        padding-right: .75em;
        width: 12.5%
    }

    .d-1of9 {
        float: left;
        padding-right: .75em;
        width: 11.1111111111%
    }

    .d-1of10 {
        float: left;
        padding-right: .75em;
        width: 10%
    }

    .d-1of11 {
        float: left;
        padding-right: .75em;
        width: 9.09090909091%
    }

    .d-1of12 {
        float: left;
        padding-right: .75em;
        width: 8.33%
    }
}



.DTScontainer div{
    padding:0;

}





    nav {
      color:white;
      padding: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
    }

    nav li {
      margin: 0;
    }

    nav a {
      text-decoration: none!important;
      color: white!important;
      padding: 10px;
      display: block;
      transition: background-color 0.3s ease;
    }

    nav a:hover {
      background-color: #555;
    }

    nav a:visited:{
        color: white!important;
    }


    .menu-icon {
      display: none;
      cursor: pointer;
      font-size: 20px;
    }

    .close-btn {
      display: none;
      cursor: pointer;
      font-size: 20px;
    }

    @media (max-width: 600px) {
      .menu-icon {
        display: block;
      }

      .close-btn {
        display: block;
      }

      nav ul {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 220px;
        left: 0;
        width: 100%;
        background-color: #333;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        z-index:999;
      }

      nav ul.show {
        display: flex;
      }

      nav li {
        width: 100%;
        text-align: center;
      }

      nav a {
        width: 100%;
      }
    }











    .DTScontainer{
    margin:auto;
    max-width:1200px;
    width:100%;
    clear:both;
}

.DTSrow, .DTSslider{
    clear:both;
}

.DTSmainContent{
    padding-left:15px!important;
    padding-right:15px!important;
    color:white;
    clear:both;
}

.DTSmainContent h1{
    font-size:24px;
    text-decoration:underline;
    padding-bottom:15px;
    padding-top:10px;
    text-align:center;
}

/*.DTSmainContent p{
    text-align:center;
}*/

.DTSrow img{
    max-width:100%;
}

/*footer styles*/

.footer hr{
    margin-top:50px;
    margin-bottom:50px;
}

.footer{
    
}

.footer img{
    text-align:center;
    margin:auto;
    display:block;
}

.footer p{
    text-align:center;
    color:white;
}




/*slider styles*/
    /* Basic styles for the slider container */
    .slider-container {
      max-width: 800px;
      margin: auto;
      overflow: hidden;
      position: relative;
    }

    /* Styles for the slider content (images) */
    .slider-content {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    /* Style for each slide (image) */
    .slide {
      width: 100%;
      flex: 0 0 auto;
    }

    /* Navigation buttons (optional) */
    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -22px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
      user-select: none;
    }

    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    /* Responsive styles for small screens */
    @media screen and (max-width: 600px) {
      .prev, .next {
        font-size: 14px;
      }

      .slide img{
        width:100%;
      }

        .footer img{
            margin-top:20px;
            margin-bottom:20px;
        }

    }

.DTSslider{
    margin-bottom:50px;
}

.rightside img{
    float:right;
}

.righttext{
    text-align:right;
}