.techspecs {
    color: white;
    font-weight: 400;
}


.carousel a {
    z-index: 1000;
}


.carousel-indicators li {
    background-color: #dddddd;
}

.collapsible {
  background-color: #F5F5F5;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
}

.active, .collapsible:hover {
}

.content {
  padding: 10px;
  padding-left: 40px;
  display: none;
  overflow: hidden;
  background-color: white;
  font-size: 10px;
}


@media (max-width: 767px) {

    .carousel-inner {
        padding-bottom: 70%
    }


    .carousel-caption {
        color: black;
        bottom: -60%;
        text-align: left;
        max-height: 50%;
        

    }

    .carousel-item img {
        width: 100%;
        max-width: 600px;
        height: auto;
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}


@media (min-width: 768px) {




    .carousel-caption {
        color: black;
        left: 60%;
        right: 15%;
        top: 15%;
        text-align: left;
        max-height: 50%;

    }

    .carousel-caption h2 {
        margin-bottom: 20px;
    }

    .carousel-item img {
        width: 55%;
        /*        height: 1000px;*/
        /*        max-height: 50%;*/

    }



}

.card {
    flex-wrap: wrap !important;
    min-width: 325px !important;
    max-width: 325px !important;
    /*    margin-left: auto !important;*/
    /*    margin-right: auto !important;*/
    margin-bottom: 30px !important;
}

.slickimagetext p {
    padding: 10px;
    text-align: center;
}

.slickcarousel p {
    padding: 0px;
    text-align: left;
}