@media screen and (min-width: 768px) {
    .application-content-container {
        padding-top: 2% !important;
        /* padding-left:3%;
		padding-right:3%; */
    }
    .news-overlay-container {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background-color: #f5f5f5;
    }
    .news-overlay-container .news-overlay-image {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        max-width: none;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .news-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.4);
        overflow: hidden;
        width: 100%;
        height: 0;
        transition: .35s ease;
    }
    .news-overlay-container:hover .news-overlay {
        height: 100%;
    }
    .news-overlay-text {
        white-space: nowrap;
        color: white;
        font-size: 20px;
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transition: .35s ease;
    }
    .news-thumbnails-col {
        height: 12vw;
    }
    .golf {
        background: url('../images/app-bg.png') no-repeat;
        background-size: 21%;
        background-position: 91% top;
    }
    .news-image-container {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .news-image-container:hover {
        -moz-transition: ease 0.3s;
        -o-transition: ease 0.3s;
        -webkit-transition: ease 0.3s;
        transition: ease 0.3s;
        content: "+";
        display: block;
        position: absolute;
        bottom: 0;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 4px;
    }
    .home-news-img {
        -moz-transition: ease 0.8s;
        -o-transition: ease 0.8s;
        -webkit-transition: ease 0.8s;
        transition: ease 0.8s;
        width: 100%;
        height: auto;
    }
    .home-news-image:hover {
        -moz-transform: scale(1.04, 1.04);
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04);
    }
    /* Mogo slider */
    .slider {
        /* background: url("https://raw.githubusercontent.com/raazon/raazon.github.io/master/HTML/mogo/img/slider-bg.jpg") no-repeat center / cover;*/
        position: relative;
    }
    .youtube-icon-video {
        width: 90px;
        height: auto;
        position: absolute;
        left: 48%;
        top: 295px;
    }
    .slider:after {
        content: "";
        opacity: 0.8;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: -moz-linear-gradient(top, #e68282 0%, #f0d68a 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e68282 0%, #f0d68a 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e68282 0%, #f0d68a 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e68282', endColorstr='#f0d68a', GradientType=0);
        /* IE6-9 */
    }
    /* Carousel */
    .slider .carousel {
        z-index: 1;
        /* padding: 0px 0 50px 0;*/
    }
    .slider .carousel-inner {}
    .slider .slider-content p {
        color: #fff;
        font-size: 72px;
        line-height: 140px;
        font-family: 'Kaushan Script', cursive;
    }
    .slider .slider-content h3 {
        color: #fff;
        font-size: 150px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
    }
    .slider .slider-content .btn {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
        padding: 8px 30px;
        margin-bottom: 120px;
        text-transform: uppercase;
        background: transparent;
        border-radius: 0;
        border: 2px solid #ffffff;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .slider .slider-content .btn:hover {
        background: #f38181;
        border: 2px solid #f38181;
    }
    /* Carousel indicator */
    .slider .carousel-indicators {
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
    }
    .slider .carousel-indicators li {
        text-indent: initial;
        width: 22%;
        height: 5px;
        margin: 0 2% 0 0;
        border-radius: 0;
        background: #ffffff;
        border: none;
        opacity: 0.6;
    }
    .slider .carousel-indicators li:last-child {
        margin: 0;
    }
    .slider .carousel-indicators li.active {
        opacity: 1;
        position: relative;
    }
    .slider .carousel-indicators li.active:after {
        content: "";
        width: 30%;
        height: 12px;
        top: 0;
        left: 0;
        position: absolute;
        background: white;
    }
    .slider .carousel-indicators li:hover {
        opacity: 1;
    }
    .slider .indicator-inner {
        padding-top: 25px;
        text-align: left;
    }
    .slider .indicator-inner span {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 17px;
        font-weight: 400;
    }
    .slider .indicator-inner span.number {
        font-size: 23px;
        font-weight: 500;
        margin-right: 10px;
    }
    .slider-content img {
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: inherit;
        z-index: 20;
    }
    .slider .carousel-indicators li.active:after {
        content: "";
        width: 100%;
        height: 6px;
        top: 0;
        left: 0;
        position: absolute;
        background: #white;
    }
    .slider .carousel-indicators li {
        text-indent: initial;
        width: 6%;
        height: 6px;
        margin: 0 0% 0 0;
        border-radius: 0;
        background: #999;
        border: none;
        opacity: 0.2
    }
    .news-home-head2 {
        font-family: font-family: 'Noto Sans JP', sans-serif !important;
        font-weight: 700;
        ;
        font-size: 10px;
        text-align: center;
        margin-top: -2px;
    }
    .news-home-head1 {
        margin-bottom: 0;
        text-align: center;
    }
    .news-item-date {
        color: #bababa;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 4px;
        margin-top: 6px;
        text-align: left;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
    }
    .news-item-title {
        font-weight: 600;
        font-size: 15px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin-bottom: 40px;
    }
    .cg-header-heading {
        padding: 0px;
        font-size: 36px;
        font-family: 'Bebas';
        margin-bottom: 0px !important;
    }
    .cg-header-subheading {
        text-align: center;
        font-weight: 600;
        letter-spacing: 0;
        display: block;
        font-size: 11px;
        font-weight: 600;
        font-family: "HiraginoPronW6";
        letter-spacing: 0;
    }
    .overlay-dina1 {
        max-height: 930px;
        overflow: hidden;
    }
    .dina-text1 {
        font-size: 24px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
        margin-bottom: 1em;
        line-height: 1.5;
        text-align: left;
        margin-top: 33px;
    }
    .dina-text2 {
        margin-bottom: 0;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
    }
    .dina-caption {
        padding-bottom: 133px;
        padding-top: 400px;
    }
    .dinabox-container {
        height: 388px;
        width: 100%;
    }
    .dinabox1 {
        height: 388px !important;
        width: 65%;
        display: inline-block;
    }
    .dinabox {
        height: 393px !important;
        width: 17%;
        display: inline-block;
        vertical-align: top;
    }
    .application-dev-subheading {
        text-align: center;
        font-weight: 600;
        letter-spacing: 2px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        font-family: "HiraginoPronW3", Meiryo, sans-serif;
        letter-spacing: 0;
        color: white;
    }
    .application-dev-heading {
        padding: 0px;
        font-size: 36px;
        letter-spacing: 2px;
        font-family: 'Bebas';
        margin-bottom: 0px !important;
        color: white;
        margin-top: 40px;
    }
    .application-dev {
        background-color: #65c5f5;
        background-size: 546px;
        padding-bottom: 45px;
    }
    .img-small-world {
        height: 12em !important;
        margin-bottom: 60px;
    }
    .application-image-container {
        float: right;
        height: 640px;
        background-image: url('../images/app-bg2.png');
        background-repeat: no-repeat;
        background-position: right top;
        -moz-background-size: 314px;
        -o-background-size: 314px;
        -webkit-background-size: 314px;
        background-size: 314px;
        width: 314px;
    }
    .application-image-slider {
        width: 274px;
        margin: 28px auto 0;
        padding-top: 16%;
        border: 0px;
    }
    .application-image-slider1 {
        max-width: 100%;
        margin: 0px auto;
    }
    .application-image-slider2 {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 484px;
    }
    #application-caption {
        padding: 43px 0 0 40px;
    }
    .application-caption1 {
        text-align: left;
        margin-bottom: 0;
        line-height: 1.5;
        color: #163f72;
        font-size: 24px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
    }
    .application-caption2 {
        margin-bottom: 1em;
        line-height: 1.5;
        color: #163f72;
        text-align: left;
        padding-top: 14px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 300;
    }
    .application-caption3 a {
        font-size: 13px;
        text-align: left;
        color: #fff;
        /* float: left; */
        padding: 0px;
    }
    .application-caption4 {
        margin-bottom: 3em;
        color: #163f72;
        text-align: left;
    }
    .application-caption4 a {
        margin-top: 20px;
        display: block;
        width: 160px;
    }
    .dina-box-container i.fa-youtube-play {
        position: absolute;
        top: 286px;
        color: #E7281E;
        left: 48%;
        font-size: 4.8em !important;
    }
    .overlay-dina {
        background: url('../../front/images/cov.png') no-repeat center top;
        background-size: 3415px;
        width: 100%;
        height: 100%;
        -moz-background-size: 3415px;
        -o-background-size: 3415px;
        -webkit-background-size: 3415px;
        background-size: 3415px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .crafts-back img {
        width: 100%;
    }
    .map-container {
        padding: 0 3vh;
    }
    .news-home {
        padding-top: 2%;
    }
    .news-home1 {
        padding-top: 1% !important;
        padding-bottom: 2% !important;
    }
    /* .dina-custom-container .underdina {
		padding-left:2vw;
	} */
    .dina-custom-container {
        padding-right: 26%;
        padding-left: 26%;
    }
}

@media only screen and (max-width: 959px) {
    /* Main slider section */
    .slider .slider-content .btn {
        margin-bottom: 60px;
        padding: 6px 18px;
        font-size: 12px;
    }
    .carousel-indicators {
        display: none;
    }
}