/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

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

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	header#header{
		position: sticky;
	}

	.header-search-container{
		display: flex;
    	flex-direction: row;
	}

	.hide-in-large-devices{
		display: none;
	}

	.show-in-large-devices{
		display: inline-block !important;
		/*text-align: center;*/
	}

	#main-slider{
	    min-height: initial;
	}

	.splide__arrows{
	    display: block;
	}

	.slope{
		display: none;
	}

	.header-search-container:before, .ie .slope{
	    content: "";
	    position: absolute;
	    height: 100%;
	    width: 80%;
	    top: 0px;
	    left: -50px;
	    background: inherit;
	    transform: skewX(-57deg);
	    border-top-left-radius: 5px;
	    display: block;
	    z-index: -1;
	}

	.ie .header-search-container:before{
		display: none;
	}

	.logo-container{
		width: 420px;
		flex-shrink: 0;
		flex-grow: 0;
		padding-bottom: 12px;
		margin-right: 0px;
	}

	.header-main-right{
		width: calc(100% - 420px);
	}

	.header-flex{
		flex-direction: row;
	}

	.logo-container .logo-image-container{
	    width: 160px;
	}
	header.sticking .logo-container{
	    padding-bottom: 0px;
	    padding-left: 20px;
	}
	header.sticking .logo-container .logo-image-container{
	    width: 70px;
	}
	header.sticking .logo-container .logo-text-container div.logo-small-text{
	    height: 0px;
	}
	header.sticking .logo-container .logo-big-text{
	    font-size: 32px;
	}
	header.sticking .logo-container a#logo-container-link{
	    padding: 5px 6px;
	}
	header.sticking .header-top{
	    /*height: 0px;*/
	}

	a#logo-container-link{
	    padding: 7px 8px;
	}

	.logo-big-text{
	    font-size: 36px;
	    line-height: 36px;
	    padding-top: 0px;
	}
	.logo-small-text{
	    font-size: 12px;
	    line-height: 14px;
	}

	.header-burger-menu{
		display: none;
	}

	#quick-links{
		display: block;
	}

	.ie #quick-links{
		/*height: 56px;*/
	}

	#alert-slider{
		margin: 15px auto;
		width: 400px;
		max-height: 480px;
		min-height: 400px;
		padding: 0 20px;
    	border-radius: 100%;
    	border: 4px solid var(--default-basic-color);
    	display: flex;
    	justify-content: center;
	}

	#alert-slider .alert-icon-title{
	    position: absolute;
	    left: -45px;
    	top: calc(50% - 45px);
	    width: 90px;
	    height: 90px;
	    border-radius: 100%;
	    border: 4px solid var(--default-basic-color);
	    box-shadow: var(--default-drop-shadow);
	    line-height: 90px;
	    text-align: center;
	    background-color: var(--red);
	    z-index: 99;
	}

	#auctions-count a{
	    margin: 0px 0px;
	}

	#alert-slider .splide__slide a{
		padding: 0px 40px;
		font-size: var(--default-big-font-size);
	}

	#alert-slider .alert-icon-title i{
	    font-size: 30px;
	    margin: 0px 0px 0px 10px;
	}

	.find-us-images-container img{
		max-width: 90px;
	}

	#testimonials .splide__slide{
		padding: 0px 90px;
	}

	.elem-bg svg{
		height: auto;
	}

	.ie .elem-bg svg{
		/*height: 300px;*/
	}

	#announcements-quick-links{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.find-us-images-container a{
	    padding: 0 10px;
	    flex-grow: 0;
	    flex-shrink: 0;
	    width: auto;
	    border: 0;
	}
	.find-us-images-container a:not(:last-child):after{
	    content: "";
	    position: absolute;
	    width: 1px;
	    height: 70%;
	    top: 15%;
	    right: 0px;
	    background-color: var(--default-dark-color);
	}

	.certifying-agency{
		order: 1;
	}
	.footerLinks{
		order: 2;
	}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	.header-search-container{
		font-size: var(--default-big-font-size);
	}
	.btn{
		font-size: var(--default-big-font-size);
	}
}
 
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}