/* //////// */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
	#sidebar .side-visible{
		display: none !important;
	}

	#sidebarCollapse{
		position: fixed;
		top: 15px;
		right: 15px;
		z-index: 1021;
	}

	/*#front-sections .front-featured .logo{
		height: 70px;
		margin-top: 30px;
	}*/

	#front-sections .front-featured.bottom .front-featured-logo{
		margin-bottom: -80px;
	}

	#front-sections .front-featured .logo{
		height: 150px;
		margin-top: 20px;
	}

	#front-sections .front-featured .front-featured-scroll-icon{
		padding-bottom: 15px;
	}

	#front-sections .front-featured .scroll-icon{
		/*margin-bottom: 15px;*/
		height: 55px;
	}

	#front-sections .front-featured-padding{
		padding-top: 80px;
		padding-bottom: 90px;
	}

	#front-sections .front-featured #load-section{
		width: 77px;
		margin-top: 15px;
	}

	#front-sections .section .content{
		font-size: 0.70rem;
		line-height: .9rem;
	}

	#front-sections .section .content p{
		margin-bottom: .5rem;
	}

	#front-sections .section h1, #front-sections .section .h1 {
	  font-size: 1.7rem;
	}
	#front-sections .section h2, #front-sections .section .h2 {
	  font-size: 1.50rem;
	}
	#front-sections .section h3, #front-sections .section .h3 {
	  font-size: 1.30rem;
	}
	#front-sections .section h4, #front-sections .section .h4 {
	  font-size: 1.15rem;
	}
	#front-sections .section h5, #front-sections .section .h5 {
	  font-size: 1rem;
	}
	#front-sections .section h6, #front-sections .section .h6 {
	  font-size: .9rem;
	}

	.big-number{
		font-size: 1.7rem;
	}

	.display-2{
		font-size: 2.8rem;
	}

	.display-3{
		font-size: 2.6rem;
	}

	/*#front-sections .scroll-icon{
		fill: #fff;
		width: 50px;
		margin-bottom: 35px;
	}*/
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
	/*.p-head{
		padding-top: 72px !important;
	}*/

	.blog-last-box{
		display: none !important;
	}

	.evolutie-wrap{
		position: relative;
		padding-top: 130px;
	}

	.evolutie-wrap:before{
		top: 20px;
	}

	.evolutie-wrap .evolutie-item:nth-child(odd) .evolutie-content{
		order: 13;
	}

	.evolutie-wrap .evolutie-date:before{
		bottom: -17px;
	}

	.evolutie-wrap .evolutie-date:after{
		display: none;
	}

	.evolutie-wrap .evolutie-content > *{
		padding: 1.5rem;
		border-radius: .5rem;
		background-color: #fff;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .1) !important;
	}

	#evolutie-icon{
		transform: translateX(-50%) scale(0.8);
		top: -10px;
	}

	#evolutie-icon.scroll{
		transform: translateX(-50%) scale(0.5);
		top: -40px;
	}

	.press-excerpt .excerpt-content,
	.post-excerpt .post-excerpt-content{
		padding-bottom: 40px;
		padding-top: 40px;
	}


	/*#masthead nav.navbar{
		padding-right: 0;
	}

	#masthead .navbar-brand {
		width: 70px;
		min-width: 70px;
		height: 70px;
	}

	body.home #masthead .navbar-collapse{
		background-color: #0c5381;
		padding: 15px;
	}

	body.home #masthead .navbar .btn-outline-dark{
		background-color: #0c5381;
	}

	.title-thumb .thumb h1{
		font-size: 1.3rem;
	}

	.increase-despre-noi-image-wrap .p-head{
		padding-top: 0 !important;
	}

	#projects-map{
		min-height: 400px;
	}

	#increase-projects-switch{
		position: relative;
		top: 0;
		right: auto;
	}

	.projects-tab-content .p-head{
		padding-top: 0 !important;
	}

	#increase-projects-switch{
		display: flex;
		-ms-flex-pack: end!important;
		justify-content: flex-end!important;
	}

	#masthead .navbar-light .navbar-nav .nav-link{
		padding-left: 15px;
		padding-right: 15px;
	}*/

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

}

/* //////// */

/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.p-sidebar{
		padding-left: 60px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.increase-curstom-scrollbar{
		max-height: 100vh;
	}

	.h-md-100-vh{
		min-height: 100vh;
	}

	#masthead .nav-link{
		font-size: 1.8rem;
    font-weight: 200;
	}

	.press-excerpt .excerpt-content,
	.post-excerpt .post-excerpt-content{
		padding-bottom: 50px;
		padding-top: 80px;
	}

/* 	.press-excerpt:nth-child(odd) .excerpt-content,
	.post-excerpt:nth-child(odd) .post-excerpt-content{
		margin-right: 0;
		padding-right: 50px;
	}

	.press-excerpt:nth-child(even) .excerpt-content,
	.post-excerpt:nth-child(even) .post-excerpt-content{
		margin-left: 0;
		padding-left: 50px;
	} */  

	.blog-last-box:nth-child(odd){
		display: none !important
	}

	.isotope-item:not([style*="display: none"]):nth-of-type(odd) .isotope-item-content .container-6{
		margin-left: 0 !important;
		padding-left: 40px;
	}

	.isotope-item:not([style*="display: none"]):nth-of-type(odd) .isotope-item-content{
		order: 13;
	}

	.isotope-item:not([style*="display: none"]):nth-of-type(even) .isotope-item-content .container-6{
		margin-right: 0 !important;
		padding-right: 40px;
	}

	.evolutie-wrap .evolutie-item .evolutie-both > *:first-child{
		padding-right: 60px;
		text-align: right;
	}

	.evolutie-wrap .evolutie-item .evolutie-both > *:last-child{
		padding-left: 60px;
	}

	/**/

	.content-wrap{
		min-height: 100vh;
	}

	#sidebar ul.nav.navbar-nav > li a{
		font-size: 1.5rem;
		font-weight: 200;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* /////////// */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* ///////// */

@media screen and (orientation:portrait){
	/* FancyBox */
	.fancybox-thumbs {
		top: auto;
		width: auto;
		bottom: 0;
		left: 0;
		right : 0;
		height: 95px;
		padding: 10px 10px 5px 10px;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.3);
	}

	.fancybox-thumbs>ul{
		overflow-x: auto;
		overflow-y: hidden;
	}

	.fancybox-thumbs>ul>li{
		float: none;
		display: inline-block;
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 0;
		bottom: 95px;
	}
}