/* media query for large devices */
@media screen and (min-width:768px){
    
}

@media screen and (min-width:1200px){
    
}

/* media query for medium devices */
@media screen and (max-width:1199px){

    .logo{
        height:160px;
    }

    .site-nav{
        margin-top:35px;
        font-size: 0.86em;
    }

    .site-nav > ul > li{
        padding: 6px 10px;
    }

    .box-image{
        min-height:275px;
    }

    .box-image img{
        max-height: 100%;
    }

    .widget-heading > .nav-tabs > li {
        font-size: 1.29em;
    }

    .widget-heading > .nav-tabs > li > a {
        padding: 25px 0;
    }

    .transit-card{
        min-height: 475px;
    }


    .map {
        width: 100%;
        height: 500px;
    }
	
	.p-books .album-container .album-thumb {
		height: 210px;
	}	
	
	.album-thumb{
		min-height:145px;
	}
}

/* media query for small devices */
@media screen and (max-width:991px){

    /*.logo-text h5 {
        margin: 0;
        font-family: 'Oranienbaum', serif;
        font-size: 1em;
    }

    */

    .home-content .widget {
        margin-bottom: 30px;
    }

    .page-section {
        padding: 50px 0;
    }

    .box-image {
        min-height: 200px;
    }

    .logo{
        padding:20px 0;
    }

    .logo-text h5{
        font-size:1.29em;
    }

    .logo-text h3{
        font-size:1.75em;
    }

    .transit-card {
        min-height: 0;
        margin-bottom:30px;
    }

    .site-nav{
        display: none;
    }

    .menu-toggle{
        text-align: right;
    }

    .mobile-menu .navbar-toggle{
        display: inline-block;
        float:none;
    }

    .navbar-toggle{
        padding:0;
        margin:0;
    }

    .navbar-toggle .icon-bar{
        border-radius: 0;
        height:4px;
        background-color:#000;
        width:30px;
    }

    .navbar-toggle .icon-bar + .icon-bar{
        margin-top:7px;
    }

    .menu-toggle {
        margin-top: 40px;
    }

    .mobile-menu{
        display: block;
    }

    .mobile-menu .site-nav{
        display: block;
        margin-top:0;
    }

    .mobile-menu .menu-container.collapse{
        display: none;
    }

    .mobile-menu .menu-container.collapse.in{
        display: block;
    }

    .site-header .row > div{
        position:static;
    }

    .site-header .container{
        position:relative;
    }

    .menu-container {
        position: absolute;
        left: 15px;
        right: 15px;
        margin-top: 15px;
    }



    /* about page stylesheet */

    .about-body .col-md-4 .about-title{
        margin-top:30px;
    }

    .map {
        width: 100%;
        height: 300px;
    }

    .publication-col{
        width:33.33%;
    }
	
	.widget-body{
		min-height:0;
	}
	
	.img-btn{
		width:100%;
		height:60px;
	}
	
	.footer-menu br{
		display:none;
	}
	
	.p-books > li{
		width:33.33%;
	}
	
	.p-books .album-container .album-thumb {
		height: 260px;
	}
	
	.contact-detail, .contact-form{
		min-height:0;
	}
	
	.d-o{
		margin-top:20px;
	}
	
	.co{
		margin-top:10px;
	}
	
	.album-list > li{
		width:50%;
	}
	
	.nearby-list .album-list > li{
		width:50%;
	}
	
	.nearby-list .album-thumb{
		min-height:200px;
	}
	
	.museum-img{
		height:260px;
	}
}

/* media query for extra-small devices */
@media screen and (max-width:767px){
    .widget-body{
        min-height: 0;
    }

   .logo {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
        height:auto;
        text-align: center;
    }

    .language-selection {
        position: relative;
        right: auto;
        top: auto;
        float: left;
    }

    .language-selection .btn {
        font-size: 1em;
        padding: 6px 12px;
    }

   .mobile-menu {
	    position: relative;
        top: auto;
        right: auto;
        float:right;
    }

    .menu-toggle {
        margin-top: 3px;
    }

    .menu-container {
	    position: absolute;
        left: auto;
        right: 0;
        margin-top: 0;
    }

    .site-nav > ul:nth-of-type(1), .site-nav > ul:nth-of-type(2), .site-nav > ul:nth-of-type(3), .site-nav > ul:nth-of-type(4){
        width:100%;
    }

    .mobile-menu .site-nav {
        min-width: 290px;
        background-color:rgb(254, 254, 226);
        box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
    }

    .site-nav > ul > li.home {
        position: static;
        top: auto;
        left: auto;
        width: auto;
        padding: 6px 10px;
    }

    .site-nav > ul > li.home > a {
	    display: inline;
        width: auto;
        height: auto;
        background-color:transparent;
        border-radius: 0;
        text-align: left;
        color: #000;
        line-height: inherit;
        font-size: inherit;
    }

    .site-nav > ul > li.home > a:hover {
        color: #cf4b00;
        border-left: 3px solid #cf4b00;
        padding-left: 7px;
        text-decoration: none;
        background-color:transparent;
    }

    .site-nav > ul > li.home > a .visible-xs{
        display: inline !important;
        float:none;
    }

    .footer-bottom p {
        margin-bottom: 10px;
    }





    /* Header style */

    .carousel-control {
        color: #000;
        font-size: 2em;
        text-shadow: none;
    }

    .home-content{
        margin-top:15px;
    }

    .widget-heading{
        padding:15px 25px;
    }

    .widget-title{
        font-size:1.75em;
    }

    .widget-heading > .nav-tabs > li > a {
        padding: 13px 0;
    }

    .btn-viewall{
        margin-top:10px;
    }

    .site-header {
	    position: relative;
        width: 100%;
        z-index: 9;
        padding: 15px 0;
    }

    .media-list .media-left img {
        max-width: 60px;
    }

    .img-btn h1{
        font-size:1.75em;
    }

    .section-title{
        font-size:1.75em;
    }

    .media-date{
        margin-top:0;
    }

    .transit-icon {
        width: 80px;
        height: 80px;
        border: 2px solid #fff;
        font-size: 3em;
    }

    .transit-card h4 {
        margin: 10px 0;
    }

    .footer-menu > li{
        padding:2px 0;
    }

    .nearby .media-left img, .news .media-left img {
        max-width: 130px;
    }

    .news-detail .media-right img{
        max-width:140px;
    }

    .transit-box > .icon-outer{
        width:80px;
    }

    .transit-box > .transit-detail{
        padding-left:15px;
    }
	
	
	.left-gallery{
		width:100%;
		float:none;
		max-height:220px;
	}
	
	.right-gallery {
		margin-left: 0;
		margin-top: 20px;
	}
	
	.slide-large .slick-slide {
		height: 320px;
	}
	
	.widget-body table > tbody > tr > td > img {
		width: 100%;
		height: 120px;
	}
	
	.nearby-list .album-thumb {
		min-height: 140px;
	}
	
	
	.text_404 {
		margin: 80px auto 100px auto;
	}
	
	
}

/* media query for mobile devices */
@media screen and (max-width:479px){
   .widget-title{
       float:none;
   }
   
   .widget-body{
	   padding:15px;
   }

   .widget-heading > .breadcrumb{
       float:none;
       margin-top:15px;
   }

   .nearby .media-left, .news .media-left{
       margin-bottom:10px;
   }

   .nearby .media-left, .nearby .media-right, .news .media-left, .news .media-right, .news-detail .media-right, .news-detail .media-left{
       display: block;
   }

   .nearby .media-left img, .news .media-left img, .news-detail .media-right img {
        max-width: 100%;
    }

    .nearby .media-right, .news .media-right, .news-detail .media-right{
        padding-left:0;
    }

    .news-detail .media{
        margin:0;
    }

    .publication-col{
        width:50%;
    }

    .transit-list{
        text-align:center;
    }

    .transit-box > .icon-outer, .transit-box > .transit-detail{
        display: block;
    }

    .transit-box .transit-icon{
        display: inline-block;
    }

    .transit-box > .icon-outer{
        text-align: center; 
        width:100%;
    }

    .transit-box > .transit-detail{
        padding-left:0;
        padding-top:15px;
    }
	
	.album-list > li {
		width: 100%;
	}
	
	.p-books .album-container .album-thumb {
		height: 190px;
	}
	
	.nearby-list .album-list > li {
		width: 100%;
	}
	
	.widget::before, .widget::after{
		max-height:400px;
	}
	
	.text_404 {
		max-width: 350px;
		margin: 50px auto 50px auto;
	}
	
	.text_404 h2 {
		margin: 0 0 10px 0;
		font-size: 7em;
		letter-spacing: 5px;
	}
	
	.page-body .text_404 p {
		font-size: 1em;
		margin: 0 0 20px 0;
	}
	
	.text_404 .btn {
		font-size: 1em;
		padding: 6px 20px;
	}
}