@media(min-width: 576px){
	.top-header-quote{
		display: none !important;
	}
}
@media (max-width: 575px){ 
	/* HEADER */ 
	.header .logo {
		width: 200px;
	}
	.header .logo img{
		display: block;
		width: 100%;
	}
	.header .navbar-toggler{
		display: inline-block;
	}
	
	.header .menu{
		background: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}
	.navbar-collapse {
		background: rgba(0,0,0,0.85);
		border-bottom: 0 none;
		bottom: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
		display: inline-block !important;
		height: 100% !important;
		left: -250px;
		margin: 0 !important;
		position: fixed !important;
		top: 0 !important;
		width: 250px;
		z-index: 1000;
		overflow: scroll;
		-webkit-transition: all 0.1s ease 0s;
		   -moz-transition: all 0.1s ease 0s;
		     -o-transition: all 0.1s ease 0s;
		        transition: all 0.1s ease 0s;
	}
	.navbar-collapse.show{
		left: 0;
	}
	.navbar .navbar-nav .nav-item{
		padding-left: .85rem;
		padding-right: .85rem;
	}
	.nav-link {
		padding: .65rem 1rem .65rem 1rem !important;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	    color: #1f2122 !important;
	    font-weight: 500;
    }
    .navbar-white .navbar-nav .nav-link {
		color: #fff;
    }
    .dropdown-toggle::after {
		float: right;
		margin-top: .65rem;
    }
    .dropdown-menu {
		border: 0 !important;
    }
    .dropdown-item {
		display: block;
		width: 100%;
		padding: .25rem .85rem;
		color: #888 !important;
		font-size: .9rem;
	}
	.btn-quote-nav{
		display: none;
	}
	.top-header-quote{
		display: inline;
	}
	.top-header-quote a{
		display: inline-block;
		color: #ffffff; 
		background: #2d9ba1;
		border-radius: .125rem;
		padding: .12rem .5rem !important;
		margin-top: 0; 
		margin-bottom: 0;
	}
    /* EOF HEADER */
    
    /* Detail Proceeding */
    .detail-content .proceeding-cover .thumbnail {
		position: relative;
		text-align: center;
		background: #f9f9f9;
		border: 1px solid #ddd;
		padding: .5rem;
		border-radius: .125rem;
	}
	.detail-content .proceeding-cover .thumbnail > img.img-thumbnail{
		border: 0px !important;
	}
	
	.reference-container{
	    overflow-x: scroll;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	/* HEADER */
	
    html.mm-opened .header{
		 
    }
	.header .navbar-toggler{
		display: inline-block;
	}
	.header .menu{
		background: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}
	.navbar-collapse {
		background: rgba(0,0,0,0.85);
		border-bottom: 0 none;
		bottom: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
		display: inline-block !important;
		height: 100% !important;
		left: -250px;
		margin: 0 !important;
		position: fixed !important;
		top: 0 !important;
		width: 250px;
		z-index: 1000;
		overflow: scroll;
		-webkit-transition: all 0.1s ease 0s;
		   -moz-transition: all 0.1s ease 0s;
		     -o-transition: all 0.1s ease 0s;
		        transition: all 0.1s ease 0s;
	}
	.navbar-collapse.show{
		left: 0;
	}
	.navbar .navbar-nav .nav-item{
		padding-left: .85rem;
		padding-right: .85rem;
	}
	.nav-link {
		padding: .65rem 1rem .65rem 1rem !important;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	    color: #1f2122 !important;
	    font-weight: 500;
    }
    .navbar-white .navbar-nav .nav-link {
		color: #fff;
    }
    .dropdown-toggle::after {
		float: right;
		margin-top: .65rem;
    }
    .dropdown-menu {
		border: 0 !important;
    }
    .dropdown-item {
		display: block;
		width: 100%;
		padding: .25rem .85rem;
		color: #888 !important;
		font-size: .9rem;
    }
    
    /* EOF HEADER */
}
@media (min-width: 768px) and (max-width: 991px){
	
	/* HEADER */
	.header {
		position: relative;
	}
	.header .navbar-toggler{
		display: inline-block;
	}
	.header .menu{
		background: #fff;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
		transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-webkit-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
	}
	.navbar-collapse {
		background: #fff;
		border-bottom: 0 none;
		bottom: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
		display: inline-block !important;
		height: 100% !important;
		left: -250px;
		margin: 0 !important;
		position: fixed !important;
		top: 0 !important;
		width: 250px;
		z-index: 1000;
		overflow: scroll;
		-webkit-transition: all 0.1s ease 0s;
		   -moz-transition: all 0.1s ease 0s;
		     -o-transition: all 0.1s ease 0s;
		        transition: all 0.1s ease 0s;
	}
	.navbar-collapse.show{
		left: 0;
	}
	.navbar .navbar-nav .nav-item{
		padding-left: .85rem;
		padding-right: .85rem;
	}
	.nav-link {
		padding: .65rem 1rem .65rem 1rem !important;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	    color: #1f2122 !important;
	    font-weight: 500;
    }
    .dropdown-toggle::after {
		float: right;
		margin-top: .65rem;
    }
    .dropdown-menu {
		border: 0 !important;
    }
    .dropdown-item {
		display: block;
		width: 100%;
		padding: .25rem .85rem;
		color: #888 !important;
		font-size: .9rem;
    }
    
    /* EOF HEADER */
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
}
@media (min-width: 1280px) {

}
