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

body { min-width: 250px; }
.wrapper { overflow: hidden; }
.burger { display: none; }
.network-sidebar { display: none; }

@media (max-width: 1250px) {
	/*  Reset  */

	*,
	*:before,
	*:after { box-sizing: border-box; }

	.shell { width: 100%; }

	/*  Header  */

	.header { padding: 0 10px; }

	/*  Items  */
	
    .items { padding: 0 10px; margin: 0; left: 0; }

    /*  Article  */

    .article .article-body { font-size: 24px; }

    /*  Footer  */

    .footer { font-size: 20px; }

    /*  Popup Gallery  */

    .popup-gallery { width: 812px; margin: auto; text-align: left; }
}

@media (max-width: 1023px) {
	/*  Header  */

	.header { position: relative; z-index: 0; padding: 100px 0 20px; }
	.header .slogan { display: block; position: static; text-align: center; max-width: 100%; font-size: 24px; }
	.header .logo { transform: scale(0.7); }
	
	/*  Nav  */
	
	.nav { position: absolute; top: 80px; right: 0; max-width: 180px; pointer-events: none; overflow: auto; will-change: transform; transform: translateX(100%); transition: transform .3s; text-align: right; }
	.nav li { display: block; }
	.nav li + li { margin-top: 13px; }

	.nav li a { font-size: 18px; }

	.nav--visible { pointer-events: all; transform: translateX(0); }

	/*  Burger  */

	.burger { display: block; position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; }
	.burger span { display: block; position: absolute; width: 100%; height: 5px; background: #c82335; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
	.burger span:nth-child(1) { top: 0; } 
	.burger span:nth-child(2) { top: 10px; }
	.burger span:nth-child(3) { top: 20px; }

	.burger--active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
	.burger--active span:nth-child(1),
	.burger--active span:nth-child(3) { top: 12px; }

	.burger--active span:nth-child(2) { opacity: 0; }
	.burger--active span:nth-child(1) { transform: rotate(45deg); }
	.burger--active span:nth-child(3) { transform: rotate(-45deg); }

	/*  Network Sidebar  */

	.network-sidebar { display: block; position: absolute; top: 40px; left: 30px; padding-left: 30px; color: #c82335; text-decoration: none; font-weight: 700; font-size: 17px; }
	.network-sidebar:before { content: ''; position: absolute; top: 6px; left: 0; width: 12px; height: 12px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: ##c82335; transform: rotate(-135deg); transform-origin: 50% 50%; transition: transform .4s; }

	.network-sidebar--active:before { transform: rotate(-315deg); }
	
	/*  Slider  */

	.slider .slide-image { height: 250px; }

	/*  Section Primary  */

	.section-primary { position: static; }
	.section-primary .shell { position: static; }

	/*  Items  */

	.items { display: block; position: absolute; top: 80px; left: 0; transform: translateX(-100%); pointer-events: none; min-width: 350px; min-height: 100vh; padding: 0; transition: transform .3s; background: #fff; }
	.items--visible { pointer-events: all; transform: translateX(0); }

	.item { min-width: 350px; }
	.item + .item { margin-top: 5px; }
	.item:after { content: ''; display: table; clear: both; line-height: 0; }

	.item .item-image { float: left; width: 50%; text-align: center; max-height: 62px; }
	.item .item-content { float: right; width: 50%; font-size: 17px; min-height: 62px; }

	/*  Anviversary  */
	.aniversary { display: none; }

	/*  Circle  */

	.circle { position: absolute; top: 0; left: 0; }

	/*  Auto Style  */

	.auto-style1,
	.auto-style4,
	.auto-style5,
	.auto-style6 { position: relative !important; padding-left: 80px !important; }

	/*  Article  */
	
	.article .article-body p { font-size: 24px; }
	.article .article-head h1 { font-size: 32px; }
	.article .article-body table td { display: block; width: 100%; }
	.article .article-body iframe { width: 100% !important; height: 650px; }
	.article .article-body form { width: 100% !important; }
	
	/*  Footer  */

	.footer { font-size: 16px; }
	/*  Contact Form  */
	
	#docContainer { width: 100% !important; }
	#docContainer .column { padding: 0 !important; }
	#docContainer input,
	#docContainer textarea { max-width: 100% !important; }
	#docContainer .fb-item.fb-100-item-column { width: 100%; }
	#docContainer .fb-item.fb-50-item-column { width: 50%; }
	#docContainer .fb-item.fb-25-item-column { width: 24%; }
	.fb-toplabel .fb-input-box, .fb-toplabel .fb-dropdown, .fb-toplabel .fb-listbox, .fb-toplabel .fb-button, .fb-toplabel .fb-input-number, .fb-toplabel .fb-textarea, .fb-toplabel .fb-radio, .fb-toplabel .fb-checkbox, .fb-toplabel .fb-input-date, .fb-toplabel .fb-phone, .fb-toplabel .fb-regex, .fb-toplabel .fb-hint, .fb-toplabel  label.error { width: 100% !important; }

	#docContainer #fb-submit-button-div.fb-item-alignment-left { text-align: center !important; }
	#docContainer #fb-submit-button-div.fb-item-alignment-left input { width: 250px !important; height: 50px !important; font-size: 22px !important; text-align: center !important; }
}

@media (max-width: 767px) {
	
	/*  Header  */

	.header { padding-bottom: 0; }
	.header .slogan { font-size: 20px; margin-top: 20px; }

	/*  Network Sidebar  */

	.network-sidebar { top: 32px; left: 10px; }

	/*  Burger  */

	.burger { right: 10px; }

	/*  Logo  */

	.logo { background-size: contain; width: 300px; margin: 0; transform: scale(0.8); }

	/*  Nav  */

	.nav { min-width: 100%; }

	/*  Items  */

	.items,
	.item { min-width: 100%; }

	.item .item-content { font-size: 12px; padding: 5px 0 0; min-height: 43px; }
	.item .item-image { max-height: 43px; }
	.item .item-image img { max-height: 100%; }

	/*  SLider  */

	.slider .owl-prev:before { width: 0; height: 0;  }
	.slider .owl-next:before { width: 0; height: 0;  }
	
	/*  Section Secondary  */

	.section-secondary { padding: 17px 0 20px; }

	/*  Article  */

	.article .article-head h1 { font-size: 24px; }
	.article .article-body p { font-size: 16px;  }
	.article .article-body p + p { margin-top: 40px; }
	.article .article-body iframe { height: 720px !important; }

	/*  Footer  */

	.footer .shell { padding: 0 10px; }

	/*  Circle  */

	.circle { float: none; position: relative; display: block; margin: 0 auto 8px; text-align: center; }
	.circle:before,
	.circle:after { content: ''; position: absolute; top: 30px; background: url(http://bruns1951.com/css/images/ico-decoration.png) no-repeat 0 0; height: 24px; width: 65px; background-size: contain; display: inline-block; vertical-align: middle; }

	.circle:before { left: -100px; }
	.circle:after { right: -100px; }

	/*  Auto Style  */

	.auto-style1,
	.auto-style4,
	.auto-style5,
	.auto-style6 { position: relative !important; padding-left: 0px !important; }

	/*  Popup Gallery  */

    .popup-gallery { width: 100%; text-align: center; }
    .popup-gallery a { display: block; width: 100%; }
    .popup-gallery a img { width: 100%; }
    .popup-gallery a + a { margin-top: 8px; }

    /*  Contact Form  */
	
    #docContainer #fb-submit-button-div.fb-item-alignment-left { width: 100% !important; }
	#docContainer #fb-submit-button-div.fb-item-alignment-left input { width: 100% !important; font-size: 18px !important; }
}

@media (max-width: 469px) {


	/*  Article */

	.article .article-head h1 { font-size: 20px; }
	.article .article-body { margin-top: -25px; font-size: 18px; }
	.article .article-body table td:last-child { margin-top: -30px; }
	.article h1:before,
	.article h1:after { margin: 0 6px; top: 3px; background-size: contain; width: 25px; }

	/*  footer  */

	.footer { font-size: 14px; }
}