/* ------------------------------------------ */
/*= @mobile ------------*/
/* ------------------------------------------ */

#mobile-header { 
    display: none; 
}



@media only screen and (max-width: 950px) { /*  */

} /*  */



@media only screen and (max-width: 870px) { /*  */
 

}/*  max-width: 870px */







                              /* ------------------------------------------ */
                                  /*= @ipad ------------*/
                              /* ------------------------------------------ */


@media only screen and (max-width: 768px) { /* ipad */


    .top-area-all {
        padding: 50px 30px 0;
    }
    .hp-change {
        margin: 0 30px;
    }
    .hp-change {
        width: inherit;
        margin: 0 30px;
    }
    .swiper-navigations{
        display: none;
    }
    .slider-desc-all {
        width: 80%;
        text-align: center;
    }
    .footer-details-all {
        padding: 60px 30px 100px;
    }
    .humburger input ~ nav > ul > li {
        font-size: 6rem;
    }
    .layout-width,
    .page-graduates-2018 .layout-width,
    .grid-slide-all h2 {
        padding: 0 30px;
    }
    .entry-grid,
    .single-graduate-content .my-gallery{
        max-width: 600px;
        margin: 0 auto;
    }
    .entry-grid, .single-graduate-content .my-gallery {
        padding: 0;
    }
    .single-graduate-content .my-gallery {
        max-width: 420px;
    }

}/* ipad */














                                /* ------------------------------------------ */
                                    /*= @phone ------------*/
                                /* ------------------------------------------ */


@media only screen and (max-width: 598px) { /* phone */

    .subscribe{
        display: none;
    }

    .humburger input ~ nav > ul > li {
        font-size: 3rem;
    }
    .lang-en .humburger input ~ nav > ul > li {
        font-size: 2rem;
    }



    /***********    change    **************/
    .top-area-all {
        padding: 20px 30px 0;
    }
    .page-title {
        order: 5;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

header.header {
	height: 60vh;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 90%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 90%);
}
.header__text-box {
	top: 40%;
}
.top-interact-links {
	margin-top: -5px;
}

.heading-primary {
    margin: 0 30px;
    line-height: 0.5;
}
.heading-one img{
    width: 53%;
}
.heading-two img{
    width: 20%;
}
.heading-three img {
	width: 70%;
}
.hp-change {
	width: inherit;
	margin: 0 30px;
}

.hp-slider {
	margin-top: -40px;
}
.hp-slide-img {
	height: 400px;
}
.swiper-navigations {
	display: none;
}
.slider-desc-top {
	font-size: 4.4rem;
	text-align: center;
}

.hp-change h2 {
	font-size: 4rem;
}

.hp-slider-second {
	margin-top: 30px;
	clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
}

.hp-slider-second .hp-slide-img {
	height: 400px;
}
.hp-slider-second .slider-desc {
    width: 90%;
    padding: 20px 25px;
}
.hp-slider-second p.slide-title,
.hp-slider-second p.slide-date {
	font-size: 4rem;
}
.slider-desc {
	top: 26%;
}
#marquee {
	font-size: 2.3rem;
	padding: 19px 0;
}




    .page-entry {
        min-height: inherit;
    }
    
    
      /***********    graduates    **************/
      .grid-btns {
        margin: -40px 0;
    }
    .grid-details-all{
        margin: 0 30px;
    }
    .grid-details-all {
        margin: 0;
        padding-top: 50px;
    }
    .page-graduates-2018 .swiper-wrapper {
        height: 360px !important;
    }
    .page-graduates-2018 .hp-slide-img {
        height: 360px;
    }
    .swiper-button-next,
    .swiper-button-prev{
        display:none;
    }
        .grid-slide-all h2 {
            margin: 0;
            max-width: 375px;
            overflow: hidden;
            height: 40px;
            text-align: center;
        }
    .entry-graduate header img {
        margin: 0 auto;
    }
    .single-graduate-content .my-gallery {
        justify-content: center;
    }

   /***********    event       **************/
   .entry-grid a {
	margin: 0 auto;
}


.layout-width {
	margin: 0;
}



    /***********    shimushi    **************/
.hp-top-color-filler {
	min-height: 100px;
}
.container-fluid {
    top: 0;
    margin: 0 auto 0;
}
.logo-shimush {
	right: 30px;
	top: 10px;
}
.logo-shimush img {
	width: 80px;
}
.box-text-area {
	display: block;
	padding: 30px;
	position: relative;
	bottom: 0;
	right: 0;
	width: 100%;
	margin-right: 0;
	left: 0;
}
.box-text-area em {
	display: none;
}
.container-fluid img.anm {
	max-height: 300px;
}
.container-fluid .gif-main img {
	max-height: 300px;
	width: auto;
}



    /***********    footer    **************/

    .footer-details {
        display: block;
        direction: inherit;
        text-align: center;
        margin-bottom: 0;
    }
    .address {
        margin-bottom: 40px;
    }
    .address ul {
        margin-bottom: 40px;
    }
    .social ul {
        direction: ltr;
        width: 70px;
        margin: 0 auto;
    }
    .logo-footer {
        float: none;
        margin: 0 auto;
    }
    .oppening-hours {
        text-align: center;
        padding-top: 30px;
    }

    #acp-toggle-toolbar {
        display: none;
    }
}/* phone */