:root {
	--font-family: 'TT Travels';
	--rojo: #ea0101;
	--proceso: #878dfa;
	--procesado: #17ccf9;
	--rechazado: #b30000;
	--anulado: #ff7375;
	--abierto: #908C99;
	--pendiente: #1B51DC;
	--verde: #00EB5E;
	--verde-light: #C7FCCA;
	--nature: #006245;
	--nature-dark: #00330E;
	--deep: #221C46;
	--azul: #1B51DC;
	--azul-dark: #0F266D;
	--azul-light: #DEF3FB;
	--celeste: #88DDFB;
	--amarillo: #FFFF37;
	--rosa: #CC1480;
	--dark: #5A5469;
	--light: #faf8ff;
	--strip: #F3F3FC;
	--gris: #908C99;
	--disabled: #B5B2BC;
	--disabled-bg: #EFEFEF;
	--white: #ffffff;
	--border: #d1cfd7;
	--bs-border-color: var(--border);
	--facebook: #1877f2;
	--twitter: #1da1f2;
	--instagram: #e1306c;
	--youtube: #ff0000;
	--twitch: #9146ff;
	--discord: #7289da;
	--whatsapp: #25d366;
	--linkedin: #0077b5;
	--border-modal-alerta: #eeeeee;
	--estado-abierto: #B5B2BC;
	--estado-pendiente-facturacion: #F0CD01;
	--estado-pendiente-pago: #0FA4C9;
	--estado-proceso: #17CCF9;
	--estado-procesado: #00EB5E;
	--estado-anulado: #FF7375;
	--estado-rechazado: #E9003F;
}

html {
	font-size: 16px;
}


@media only screen and (max-width: 1499px){
}

@media only screen and (max-width: 1399px){
	
	html{
		font-size: 15px;
	}
	
	.site_header .site_header_logo{
		width: 400px;
	}
	.site_header_nav .main_menu{
		gap: 1rem;
	}
	
	#tjtDisplay{
		width: calc(255px + ((100vw - 1140px)/2));
	}
}

@media only screen and (max-width: 1199px){
	
	html{
		font-size: 16px;
	}
	
	body:not(.home) main{
		min-height: calc(100vh - 64px - 42px);
		margin-top: 64px;
	}
	
	.site_header{
		height: 64px;
	}
	.site_header .site_header_logo{
		height: 63px;
	}
	
	.site_header .site_header_logo .logo{
		padding-left: 0;
	}
	
	.site_header .site_header_logo::before{
		width: 36px;
	}
		
	.site_header_nav{
		display: none;
		position: fixed;
		top: 64px;
		left: 0;
		width: 100%;
		height: calc(100vh - 64px);
		background-color: var(--deep);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		border-right: 0 none;
	}
	
	.site_header.show{
		border-bottom: 1px solid rgba(255,255,255,.42);
		background-color: var(--deep);
	}
	.site_header.show .site_header_nav{
		display: block;
	}
	
	.site_header.show .site_header_logo::after{
		display: none;
	}
	
	.site_header_nav .main_menu a{
		color: var(--white);
		height: 50px;
		padding: 0;
	}
	.site_header_nav .main_menu a::after{
		display: none;
	}
	.site_header_nav .main_menu{
		flex-direction: column;
		gap: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.site_header_nav .main_menu a:hover{
		background-color: transparent;
	}
	.content_nav_menu li{
		flex: 1 0 0%;
	}
	.content_nav .content_nav_menu >li>a{
		flex-direction: column;
		font-size: 11px;
		gap:.35rem;
		padding: .5rem .75rem;
	}
	.content_nav .content_nav_menu >li>a::after{
		height: 3px;
	}
	.content_nav_menu .sub-menu{
		left: auto;
		right: 0;
	}
	
	.site_header .dropdown-toggle{
		height: 63px !important;
		padding-right: 1rem !important;
	}
	.site_header .dropdown-toggle .username,
	.site_header .dropdown-toggle::after,
	.site_header .dropdown-toggle::before{
		display: none !important;
	}
	
	.site_header.show .dropdown-toggle{
		background-color: var(--deep);
	}
	
	.btn_cart{
		width: 63px;
	}
	
	.site_header.show .btn_cart{
		color: var(--white);
	}
	.dropdown_lang{
		padding-top: 1rem;
		border-top: 1px solid rgba(255,255,255,.42);
	}
	.dropdown_lang .dropdown-toggle{
		display: none !important;
	}
	.dropdown_lang .dropdown-menu{
		position: static;
		display: block;
		border: 0 none !important;
		background-color: transparent;
	}
	.dropdown_lang .dropdown-menu li:not(:last-child){
		border: 0 none !important;
	}
	
	.dropdown_lang:not(.dropdown-select) .dropdown-item{
		color: var(--white);
		padding: 0;
		min-height: 50px;
	}
	
	.col_pedidos_rapidos{
		position: static;
	}
	
}

@media only screen and (max-width: 991px){
	
}

@media only screen and (max-width: 767px){
	
	.site_header .site_header_logo::before{
		display: none;
	}
	.site_header .site_header_logo{
		width: 200px;
	}
}

@media only screen and (max-width: 575px){
	
	h1, .h1{
		font-size: 2.125rem;
	}
	.site_header .site_header_logo{
		width: 190px;
	}
}