/*responsiv 3D gallery*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .responsiveGallery-container {
        width: 50% !important;
        margin: 0 auto !important;
    }
    .modified-home .two-columns-wide-outer {
    padding-bottom: 50px !important;
}
    .responsiveGallery-btn {
    width: 17% !important;
}

     .our-courses .nav-tabs > li {
    
    margin-bottom: 5px !important;
}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

    .responsiveGallery-container {
        width: 50% !important;
        margin: 0 auto !important;
    }

    .responsiveGallery-item {
    width: 100% !important;
}

    .responsiveGallery-wrapper{

            margin-left: 0px !important;
    }

}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 

     .responsiveGallery-container {
        width: 50% !important;
        margin: 0 auto !important;
    }

    .responsiveGallery-item {
    width: 100% !important;
}

    .responsiveGallery-wrapper{

            margin-left: 0px !important;
    }

 .modified-home .two-columns-wide-outer {
    padding-bottom: 50px !important;
}

 .responsiveGallery-btn_prev {
    
    left: -12% !important;
}
    .responsiveGallery-btn {
       
        width: 7% !important;
    }


    .responsiveGallery-btn_next {
    
    right: -2% !important;
}

    .empower {
    margin-top: 0px !important;
    text-align: center !important;
}

}



.responsiveGallery-container{
	width: 100%;
	position: relative;
}

.responsiveGallery-btn{
	position:absolute;
	top: 0;
	z-index: 3;
	display: block;
	width: 5%;
	height: 100%;
}
.responsiveGallery-btn_prev{
	background:url(images/arrow-left.png) center center no-repeat;
	left:5%;
}
.responsiveGallery-btn_next{
	background:url(images/arrow-right.png) center center no-repeat;
	right:5%;
}

.responsiveGallery-wrapper{
    margin-top:80px !important;
	position: relative;
    width: 90%;
	margin: 0 auto;
    padding-top: 25%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
        margin-left: -110px;
}
.responsiveGallery-item{
    background:#fff;
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
    border-radius: 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
    display: block;
	width: 30%; 
	opacity: 0;
	visibility: hidden;
    padding:25px;
    border: 1px solid #ffb3a9;
}
@media (max-width: 1000px){
	.responsiveGallery-item{
		width: 33.33%; /*此宽度下显示3个*/
	}
	.responsiveGallery-wrapper{
		padding-top: 45%;/*相应调整容器高度*/
	}

}



@media (max-width: 560px){
   
   

	.responsiveGallery-wrapper{
		width: 100%; margin-left: 0px;
	}
	.responsiveGallery-item{
		width: 100%; /*最终显示1个，但上条样式决定其宽度为窗口宽度的60%*/
	}
	.responsiveGallery-wrapper{
		padding-top: 80%;/*相应调整容器高度*/
	}
	.responsiveGallery-btn{
		width: 8%;
	}
}
.responsivGallery-link{
	display: block;
	width: 100%;
	
}
.responsivGallery-pic{
	
	    height: 100px;
    width: 100px;
   
}
.w-responsivGallery-info{
	width: 80%;
	margin: 0 auto;
	padding-top: 5%;
	text-align: center;
	color: #fff;
}
.responsivGallery-name{
	font-size: 17px;
    color: #de7005;
    font-weight: bold;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.responsivGallery-position{
	padding-top: 4%;
	font-size: 0.875em;
	line-height: 1.3;
}

.w-responsivGallery-info h5{

    margin-bottom:10px
}
/*responsiv 3D gallery end*/

    .w-responsivGallery-info h5:hover {

        text-decoration:none;
    }

   

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
    .responsiveGallery-wrapper {
   
    width: 70%;
        margin-left: 6px;
}
    .modified-home .two-columns-wide-outer{

            padding-bottom: 0px !important;
    }

.responsiveGallery-btn {
   
    height: 64%;
}

.responsiveGallery-item {
    width: 30%;
}

}