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

	body[data-current-path="/login/"] .iMac, body[data-current-path="/register/"] .iMac{
		background-image: none;
	}

	.navbar-collapse{
		background-color: white;
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.navbar-collapse .nav-item{
		border-bottom: 1px solid rgba(0,0,0,0.1);
   		padding-bottom: 0.5rem;
    	padding-top: 0.5rem;
	}

	.navbar-collapse .nav-item:last-child{
		border-bottom: none;
	}

	.navbar-collapse .nav-item:first-child{
		padding-bottom: 1.5rem;
	}

	.navbar-collapse li a{
		color: #07baa5;
	}

	.nav-logo img{
		width: 180px;
		height: 31px;
	}

	.example-preview{
	min-height: 125px;
}

	.timeline-stone .timeline {
    background-position: -55.2rem 9.5rem;
}

	.timeline-examples{
		margin-top: 0px;
	}

	.timeline-duomo .image-content {
    margin-top: 215px;
}

	.navbar-nav {
    box-shadow: 2px 2px 2px 1px #00000021;
}
	
	.timeline-example-overlay{
		display: none;
	}
   
   .bg-green-sm{
      background-color: #00a99d !important;
   }
   
   .color-white-sm{
      color: white !important;
   }
   
   .border-sm-0{
      border: 0px !important;
   }
   
   .border-top-sm-0{
      border-top: 0px !important;
   }
   
   .border-bottom-sm-0{
      border-bottom: 0px !important;
   }
   
   .border-left-sm-0{
      border-left: 0px !important;
   }
   
   .border-right-sm-0{
      border-right: 0px !important;
   }
   
   .border-sm{
      border: 1px solid #dee2e6!important;
   }
   
   .border-top-sm{
      border-top: 1px solid #dee2e6!important;
   }
   
   .border-bottom-sm{
      border-bottom: 1px solid #dee2e6!important;
   }
   
   .border-left-sm{
      border-left: 1px solid #dee2e6!important;
   }
   
   .border-right-sm{
      border-right: 1px solid #dee2e6!important;
   }
   
   img.explore-events-timespace-cover {
    width: 40px;
    height: 40px;

}
   
   /**
* ROUNDED CORNER EXTRAS
*/

.rounded-sm-top-left{
	border-top-left-radius: .25rem!important;
}

.rounded-sm-bottom-left{
	border-bottom-left-radius: .25rem!important;
}

.rounded-sm-top-right{
	border-top-right-radius: .25rem!important;
}

.rounded-sm-bottom-right{
	border-bottom-right-radius: .25rem!important;
}

.not-rounded-sm-top-left{
	border-top-left-radius: 0rem!important;
}

.not-rounded-sm-bottom-left{
	border-bottom-left-radius: 0rem!important;
}

.not-rounded-sm-top-right{
	border-top-right-radius: 0rem!important;
}

.not-rounded-sm-bottom-right{
	border-bottom-right-radius: 0rem!important;
}

.not-rounded-sm, .not-rounded-sm-a a{
	border-radius:0px !important;
}
   
   .border-bottom-sm-0{
      border-bottom: 0px !important;
   }
   
   .bg-white-sm{
      background-color: white !important;
   }
   
   img.explore-events-picture {
    width: 100%;
    height: 70px;
}
}

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

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

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

	.timeline-duomo .timeline {
/*	background-position: left 31.5rem;*/
		background-position: -27rem 33.3rem;
	}

	.bg-duomo {
    height: 963px;
}
}

@media (min-width: 1600px) {

	.timeline-duomo .timeline {
    background-size: inherit;
    background-position: left 28rem;
	}

	.bg-duomo {
    background-size: auto;
    background-repeat: no-repeat;
}

	.example-preview{
	min-height: 320px;
}
}