﻿.carousel-caption {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    display: none; /*comment out to display captions*/
}

.carousel-control {
    text-shadow: 0;
}

    .carousel-control .glyphicon-chevron-left {
        top: 45%;
        font-size: 20px;
    }

    .carousel-control .glyphicon-chevron-right {
        top: 45%;
        font-size: 20px;
    }

    .carousel-control.left {
        background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% );
        background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100% );
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 00001)) );
        background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100% ) !important;
    }

    .carousel-control.right {
        background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.0001) 100% );
        background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100% );
        background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 00001)) );
        background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100% ) !important;
    }

.carousel-indicators {
    bottom: -40px !important;
}

    .carousel-indicators li {
        border: 1px solid #d9d9d9 !important;
        border-radius: 10px !important;
        background-color: #d9d9d9 !important;
        width: 11px !important;
        height: 11px !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .carousel-indicators .active {
        border: 0px solid #869791 !important;
        border-radius: 10px !important;
        background-color: #869791 !important;
        width: 11px !important;
        height: 11px !important;
        margin-bottom: 1px !important;
    }

/* For mobile devices with a maximum width of 767px */

@media (max-width: 991px) {
    /* Commonly used mobile devices */
/*    .banner-jp {
        margin-top: 140px;
    }*/
    .secondsection-jp {
        margin-top: -540px;
    }
    /* iPhone X and iPhone XS */
    @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  /*      .banner-jp {
            margin-top: 140px;
        }
        .s*/econdsection-jp {
            margin-top: -540px;
        }
    }
    /* iPhone XR and iPhone 11 */
    @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
/*        .banner-jp {
            margin-top: 140px
        }*/
        .secondsection-jp {
            margin-top: -740px;
        }
    }
    /* iPhone XS Max and iPhone 11 Pro Max */
    @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
    /*    .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -730px;
        }
    }
    /* Galaxy S9, S10, S20, and S21 */
    @media only screen and (device-width : 360px) and (device-height : 740px) and (-webkit-device-pixel-ratio : 4) {
       /* .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -530px;
        }
    }
    /* Galaxy S9+, S10+, S20+, and S21+ */
    @media only screen and (device-width : 414px) and (device-height : 846px) and (-webkit-device-pixel-ratio : 4) {
       /* .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -630px;
        }
    }
    /* Pixel 2 and Pixel 2 XL */
    @media only screen and (device-width : 411px) and (device-height : 731px) and (-webkit-device-pixel-ratio : 2.625) {
       /* .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -520px;
        }
    }
    /* Pixel 3 and Pixel 3 XL */
    @media only screen and (device-width : 411px) and (device-height : 846px) and (-webkit-device-pixel-ratio : 2.625) {
      /*  .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -630px;
        }
    }
    /* Pixel 4 and Pixel 4 XL */
    @media only screen and (device-width : 411px) and (device-height : 823px) and (-webkit-device-pixel-ratio : 2.75) {
       /* .banner-jp {
            margin-top: 140px;
        }*/
        .secondsection-jp {
            margin-top: -600px;
        }
    }
}

@media (max-width: 767px) {
 /*.banner-jp {
        margin-top: 120px;
    }*/

    .secondsection-jp {
        margin-top: -500px;
    }
}
@media (max-width: 375px) {
   /* .banner-jp {
        margin-top: 120px;
    }*/

    .secondsection-jp {
        margin-top: -10px;
    }
}
@media (max-width: 991px) {
   /* .banner-jp {
        margin-top: 120px;
    }*/

    .secondsection-jp {
        margin-top: -600px;
    }
}
/* For tablet devices with a minimum width of 768px and maximum width of 991px */
@media (min-width: 768px) and (max-width: 991px) {
   /* .banner-jp {
        margin-top: 140px;
    }*/
    .secondsection-jp {
        margin-top: -900px;
    }
}

/* For desktop devices with a minimum width of 992px */
@media (min-width: 992px) {
  /*  .banner-jp {
        margin-top: 100px;
    }*/
    .secondsection-jp {
        margin-top: -190px;
    }
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}