/** 
	<< Type 1 >> 
*/

	.error404 .type1 h2 { line-height:170px; }
	.error404 .type1 .center-content-wrapper { text-align:center; }
	.error404 .type1 h3 { font-size:100px; font-weight:300; text-transform:uppercase; margin-bottom:0; letter-spacing:20px; }
	.error404 .type1 h4 { text-transform:uppercase; font-size:42px; font-weight:300; }

	.error404 .type1 .wdt-go-back { border-bottom: 1px solid var(--wdtHeadAltColor); border-top: 1px solid var(--wdtHeadAltColor); display: inline-block; padding: 35px 0; min-width:530px; }
	.error404 .type1 i { font-size:16px; color: var(--wdtHeadAltColor); font-style:normal; display:inline-block; font-weight:bold; margin-bottom:25px; }
	.error404 .type1 .wdt-button { display:inline-block; padding:15px 25px 16px 15px; font-size:18px; text-transform:uppercase; color: var(--wdtAccentTxtColor); position:relative; line-height: 30px; -webkit-border-radius: 0; border-radius: 0; }
	.error404 .type1 .wdt-button:before { border-bottom: 30px solid transparent; border-right: 30px solid currentColor; border-top: 30px solid transparent; content: ""; display: inline-block; height: 0; left: -30px; position: absolute; top: 0; width: 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }
	.error404 .type1 .wdt-button:hover { background-color:var(--wdtHeadAltColor); }
	.error404 .type1 .wdt-button:hover:before { border-right-color:var(--wdtHeadAltColor); }

	.error404 .type1 #searchform { width:530px; display:inline-block; float:none; padding:0; position:relative; }
	.error404 .type1 #searchform input[type="text"] { width:100%; background:rgba(var(--wdtHeadAltColorRgb),0.05); border:1px solid rgba(var(--wdtHeadAltColorRgb),0.06); font-size:16px; padding:15px 15px; }
	.error404 .type1 #searchform input[type="submit"] { position:absolute; right:18px; top:15px; text-indent:-9999px; background:url(../images/submit-ico-dark.png) no-repeat 0 0 / 20px 22px; display:block; padding:0; width:25px; height:26px; margin-top:0; }

	/* white */
	.error404 .type1 .white h3, .error404 .type1 .white h4, .error404 .type1 .white i { color: var(--wdtAccentTxtColor); }

	/* Accents */
	.error404 .type1 .wdt-button:before { color: var(--wdtPrimaryColor); }



/** 
	<< Type 2 >> 
*/

	.error404 div.wrapper.type2 .container,
	.error404 div.wrapper.type2 .container .error-box,
	.error404 div.wrapper.type2 .container .error-box .error-box-inner, 
	.error404 div.wrapper.type2 .container .error-box .error-box-inner * { text-align: center; }

	.error404 div.wrapper.type2 .center-content-wrapper { max-width: 600px; margin: auto; }


/** 
	<< Dark Bg >> 
*/

	.error404 .type1.wdt-dark-bg #searchform input[type="text"], 
	.error404 .wdt-dark-bg #searchform input[type="text"] { background:rgba(var(--wdtBodyBGColorRgb),0.15); }

	.error404 .wdt-dark-bg .menu-links li a { background:rgba(var(--wdtBodyBGColorRgb),0.15); color: var(--wdtAccentTxtColor); }

	.error404 .type1.wdt-dark-bg .wdt-button { background: var(--wdtBodyBGColor); color: var(--wdtHeadAltColor);  }
	.error404 .type1.wdt-dark-bg .wdt-button:before { border-right-color: var(--wdtBodyBGColor); }
	.error404 .type1.wdt-dark-bg .wdt-button:hover { background-color:rgba(var(--wdtBodyBGColorRgb),0.5); color:var(--wdtBorderColor); }
	.error404 .type1.wdt-dark-bg .wdt-button:hover:before { border-right-color:rgba(var(--wdtBodyBGColorRgb),0.5); }

	.error404 .type2.wdt-dark-bg h4 { border-bottom-color:rgba(var(--wdtBodyBGColorRgb),0.3); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

/* Note: Design for a width of 960px */

    @media only screen and (min-width:1025px) and (max-width:1280px) {


	}

/* Note: Design for a width of 768px */

    @media only screen and (min-width:768px) and (max-width:1024px) {


	}

/** 
	<< Mobile (Landscape) >> 
*/

/* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

		.error404 .container { width: 100%; padding: 0 10%; }

		.error404 .type2 h4 { width: 100%; }

	}

/* Common Styles for the devices below 479px width */

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

		/*** 404 ***/

		.error404 .container { width: 100%; padding: 0 10%; }
		.error404 .type2 h4 { width: 100%; }

	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (min-width: 320px) and (max-width: 479px) {


	}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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


	}