/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	#mainmenu > ul { display:block !important; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	
	#mainmenu > ul > li { font-size: 15px;}
	.aufnaeher_patch_option .radio { margin-right: 10px;}
	
}
/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	
	
	/* Homepage */
	.title-row .section-title { font-size: 20px; }
	/*.title-row .section-title:before { top: -9px; font-size: 70px; }*/
	.product-row { margin-top: 22px; }
	.product-section > .cols > .col { width: 100%; }
	#mainmenu > ul > li > a { padding: 16px 9px;}
	#logo { width: 200px; margin:5px 0 0 0;}
	#mainmenu li a {font-size: 16px;}
	#mainmenu > ul > li { font-size: 14px;}
	.tshirt-main-row .btn-img { height: 80px; }
	.tshirt-slider {max-width: 100%;}
	.add-more-total .form-group.small-input {  padding-right: 40px;}
	.own-cal .form-group.small-input {  width: 30%;}
	.own-cal .form-group {width: 70%;}
	.add-more-total .form-group.small-input input { width: 30%;}
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	#main #main{
		padding: 0px;
	}
	#main .wrap{
		padding : 0px;
	}
	#header { position:relative; padding: 10px 0; }
	#logo { margin: 0;}
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#fff; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #e3e3e3; }
	#mainmenu ul li a { padding:8px 15px; display:block; font-size: 15px; }
	#mainmenu ul li a:after { display:none; }
	
	/* Responsive Menu line icon*/
	#menu { display:block;  }
	.menulines-button { margin-top: 15px; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#000; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; color: #000; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #000; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #000; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; }
	h1, h2 { font-size:40px; }
	
	
	/* Homepage */
	.tshirt-slider .range-slider .price-input { max-width: 50px; }
	#logo {  width: 190px; }
	
	.portfolioFilter a { margin: 5px;}
	.portfolioFilter { padding: 15px 10px 15px 50px; }
	.portfolioContainer { margin: 10px 10px 10px 40px; }
	
	.radio-box .radio input { width: 16px; height: 16px; }
	.radio-box .radio .input-helper::before { width: 16px; height: 16px; }
	.radio-box .radio .input-helper::after { width: 6px; height: 6px; }
	.aufnaeher_patch_option .radio_button label { padding-left: 20px; font-size: 13px; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:100%; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }	
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	h1, h2 { font-size:34px; }
	
	
	/* Homepage */
	.title-row .section-title { font-size: 18px; padding-left: 40px; min-height: 45px; }
	.section-row.count .title-row .section-title:before { font-size: 50px; }
	
	.btn-box { width: 100%; margin-bottom: 10px; }
	.btn-box:last-child { margin-bottom: 0; }
	.range-slider .price-input { max-width: 65px; padding-right: 10px; }
	.product-row .cols2 { margin: 0 -5px; }
	.product-row .cols2 .col { width: 100%; padding: 0 5px; margin-bottom: 10px; }
	.tick-list li { padding-left: 27px; margin-bottom: 8px; padding-top: 2px; }
	.tick-list li:before { -moz-transform: scale(0.8); -moz-transform-origin: left center; transform: scale(0.8); transform-origin: left center; }
	.contact-section .form-group { padding: 0; }
	.contact-section .cols2 .col { width: 100%; margin-bottom: 8px; }
	/*.contact-checkbox { margin-bottom: 10px; }*/
	/*.contact-checkbox .checkbox-row { width: 100%; }*/
    .checkbox-row .form-group .checkbox{margin-bottom: 4px;}
	.checkbox-row .form-group .checkbox:last-child { margin-left: 0; }
	.form-submit button { padding: 9px 70px 8px 18px; font-size: 13px; }
	.btn-text:before { height: 25px; width: 25px; }
	.btn-text:after { -moz-transform: scale(0.8); transform: scale(0.8); right: 9px; }
	
	.table-row table th.product-title { font-size: 16px; }
	.table-row table th { font-size: 14px; }
	.table-row table td:first-child { font-size: 14px; }
	
	.express-info p { font-size: 16px; }
	
	.btn-info span { margin-bottom: 3px; font-size: 15px; }
	.btn-info p { margin-bottom: 2px; }
	
	body.overflowhidden { padding: 0; }
	.button-box .cols3 .col {  width: 50%; margin-top:15px;}
	.title-row{ margin-bottom:0;}
	.product-row { margin-top: 0;}
	.tshirt-main-row .btn-box { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.tshirt-slider{ max-width: 100%; }
	.price-input input { font-size: 16px;}
	.addname-box .cols2 .col { width: 100%; margin-bottom: 25px;}
	.addname-box .cols2 .col:last-child{  margin-bottom: 0;}
	.bestellung-btn { width: 293px; }
	.tshirt-main-row .btn-box { margin-top: 0; }
	.tshirt-product .info-tag { line-height: 1.3;}
	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	h1, h2 { font-size:30px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	#logo { width:120px; }
	
	.checkbox-row .form-group .checkbox { width: 100%; }
	.menulines-button {  margin-top: 5px; }
	#header {padding: 10px 0;}
	.default-btns { margin: 0 -5px;}
	.btn-box { padding: 0 5px;}
	.button-box .cols3 .col {  width: 100%; margin-top:15px;}
	.tshirt-main-row .btn-box { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.title-row { flex-direction: column;}
	.title-row .form-block , .preisanfrage{margin-right: auto; padding-left: 0; margin-left:0 ; }
	.pdf-block{ margin-right: auto; margin-left: 0; padding-left: 0;}
	.preisanfrage {  margin-top: 20px;}
	.form-group.radio_button { position: inherit;}
	.form-group.radio_button { margin-bottom: 15px;}
	.radio_button > .error { display: inline-block;}
	.own-cal .form-group.small-input { width: 100%;}
	.own-cal .form-group {  width: 100%;}
	.own-cal { flex-wrap: wrap;}
	.formlist .own-cal .form-group label { display: block;}
	.fields-block { margin-bottom: 10px; border-bottom: 2px solid #f4f4f4; padding: 10px 0 25px; }
	.fields-block:first-child { border: 0; padding-bottom: 15px; }
	.add-more-total {flex-direction: column;}
	.add-more-total .form-group.small-input { justify-content: start; margin-left: 0;margin-right: auto;}
	.formlist li { padding-right: 0;}
	.delete-block-wrap { right: 0; top: -2px; }
	.add-more-total .sub-title{  width: auto;}
	.product.cols2 .col:first-child{ padding: 0 5px;}
	.offer-email, .bestellung-btn { width: 240px;}
	
	.portfolioFilter a { display: block; margin: 10px 0; padding: 8px 15px; text-align: center;}
	.portfolioFilter { padding: 15px 20px 15px 20px;}
	.portfolioContainer {  margin: 10px 10px 10px 20px; }
	
	.aufnaeher_patch_option .form-group.radio_button { margin-bottom: 0; }
	.tshirt-main-row .btn-info span { font-size: 12px; }
	.tshirt-main-row .btn-img { height: 68px;}

}
	
/*==========================================================================================================*/
/* Retina css */ 

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before, .btn-img::before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:357px 576px; -ms-background-size:357px 576px; -o-background-size:357px 576px; -webkit-background-size:357px 576px; background-size:357px 576px;}
}