﻿#detail-slider-container {
    padding-top: 20px;
    padding-bottom: 0px;
    background: linear-gradient(125deg, #1e755f, #145fa0, #b32486, #cd951a);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 11s ease infinite;
    -moz-animation: AnimationName 11s ease infinite;
    -o-animation: AnimationName 11s ease infinite;
    animation: AnimationName 11s ease infinite;
}

.containerdetail {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: -30px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width:767px){

  .containerdetail {
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  z-index: 888;
  }

  .detailleft {
    width: 100%;
    float: left;
    border:0px;
  }

  .detailright {
    width: 100%;
    float: right;
    border:0px;
    z-index: 999999;
  }


    .detail2left {
    width: 100%;
    float: left;
    border:0px;
  }

  .detail2right {
    width: 100%;
    float: right;
    border:0px;
    z-index: 999999;
  }

}

@media (min-width: 768px) {
  .containerdetail {
    width: 750px;
  }

  .detailleft {
    width: 60%;
    float: left;
    border:0px;
  }

  .detailright {
    width: 40%;
    float: right;
    border:0px;
  }


    .detail2left {
    width: 40%;
    float: left;
    border:0px;
  }

  .detail2right {
    width: 60%;
    float: right;
    border:0px;
  }

}


@media (min-width: 992px) {
  .containerdetail {
    width: 970px;
  }

    .detailleft {
    width: 65%;
    float: left;
    border:0px;
  }

  .detailright {
    width: 35%;
    float: right;
    border:0px;
  }

      .detail2left {
    width: 35%;
    float: left;
    border:0px;
  }

  .detail2right {
    width: 65%;
    float: right;
    border:0px;
  }

}
@media (min-width: 1200px) {
  .containerdetail {
    width: 1170px;
  }

    .detailleft {
    width: 75%;
    float: left;
    border:2px;
  }

  .detailright {
    width: 25%;  
    float: right;
    border:0px;
  }

  .detail2left {
    width: 25%;
    float: left;
    border:0px;
  }

  .detail2right {
    width: 75%;
    float: right;
    border:0px;
  }

}





