/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1024px) {
	.search-box .form-group .textbox { display: block !important; }
}
	
@media only screen and (min-width: 768px) {
	#mainmenu > ul { display: flex !important; }
}


/*==========================================================================================================*/

@media only screen and (max-width: 1600px) {
    .home-category-list li.has-dropdown .dropdown-content li {
        padding: 15px 20px 10px 20px;
    }
}


/*==========================================================================================================*/

@media only screen and (max-width: 1400px) {
    .home-category-list li.has-dropdown .dropdown-content li a {
        font-size: 16px;
    }
    .home-category-list li.has-dropdown .dropdown-content li {
        font-size: 16px;
    }
    .home-category-list li.has-dropdown .dropdown-content {
        min-width: 270px;
    }
}


/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.solution-row { padding: 60px 30px; }
	.news-slider { padding: 0; }
	.footer-link-box h5 { font-size: 20px; }
	.brinkoflex-row { grid-gap: 20px; }
	.understanding-info { grid-template-columns: 1fr auto; }
	.brinkoflex-img, .brinkoflex-content { width: 50%; min-width: auto; }
	.banner-img { padding: 90px 40px; }
	.why-choose-row { grid-gap: 30px; }
	.connect-row {grid-gap: 30px; }
	.search-box { width: auto; }
	.home-category-list ul li { margin-bottom: 25px; }
	.home-category-list ul li a { font-size: 22px; }
	.connect-form { padding: 30px; }
	
	
	#logo { width: 170px; }
	.search-box { max-width: 200px; width: 100%; }
	#mainmenu > ul > li { margin: 0 0 0 16px; }
	#mainmenu { font-size: 14px; }
}

/*==========================================================================================================*/
@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%; }

	.connect-row { grid-template-columns: auto; }
	.home-category-list ul li a span { margin-left: 10px; }
	.home-category-list ul li a { font-size: 16px; }
	.home-category-list ul li a i { font-size: 36px; }
	.home-category-row { grid-template-columns: minmax(min-content, 150px) auto; grid-gap: 20px; }
	.banner-img { padding: 90px 40px 150px; }
	.home-banner h2 { font-size: 30px; }
	h2 { font-size: 30px; }
	.section-row { padding: 60px 0; }
	.feature-key { overflow: auto; white-space: nowrap; flex-wrap: nowrap; justify-content: flex-start; }
	.feature-section { position: relative; }
	.feature-section:after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 50%; background: rgb(0,0,0);
		background: linear-gradient(90deg, rgba(0,0,0,0) 91%, rgba(0,0,0,0.4962359943977591) 100%); pointer-events: none; }
	.solution-img { padding-top: 0; height: 280px; }
	.solution-section .section-title { margin-left: 0; }
	.solution-row { margin-top: 40px; }
	.solution-row { padding: 20px 20px 60px; }
	.section-title { margin-bottom: 30px; }
	.footer-row { grid-template-columns: repeat(3, auto); }
	#mainmenu > ul > li { margin-left: 15px; }
	#mainmenu { font-size: 14px; margin-left: auto; }

	.search-box .form-group .textbox { position: absolute; left: 0;width: 100%;	top: 100%;height: 50px;	padding: 5px 20px;	border-radius: 0; display: none; font-size: 16px; font-weight: normal; }
	.search-icon { position: static; color: #fff; }
	.search-box .form-group { position: static; }
	.search-box { width: auto; margin: 0 0 0 15px;     height: 35px; border: 1px solid #c95000; background: #c95000; width: 35px; display: flex; align-items: center;justify-content: center; order: 1; }
	.search-box .form-group .textbox:focus + .search-icon, .search-icon:hover { color: #fff; }
	.search-icon { font-size: 20px; color: #fff; display: flex; }
	.overlay { position: relative; overflow: hidden; }
	.overlay:before { content: ''; position: absolute; left: 0; top: 0; height: 100vh; width: 100%; z-index: 3; background: #192744; opacity: 0.8; }
	.section-title { font-size: 36px; }
	input[type="button"], input[type="submit"], button { font-size: 24px; }
	.brinkoflex-img .feature-img { margin-left: 40px; }
	.undisputed-hose-specialist .wrap > h2 { max-width: 100%; font-size: 52px; }
	h3.section-title3 { font-size: 30px; }
	.hose-specialist-row { padding: 50px 20px; }
	.hose-specialist-info { padding: 25px; }
	.hose-specialist-box { margin-bottom: 30px; }
	.col-grid1 .understanding-info { grid-template-columns: 1fr auto; }
	.connect-section.section-row { padding: 0 0 40px; }
	.contact-page-form .connect-form .form-block { grid-gap: 20px; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { font-size: 18px; height: 48px; }
	.news-info-detail { padding: 30px; }
	.news-boxes .news-box .info-content h4 { font-size: 22px; }
	h2.big-title { font-size: 42px; margin-bottom: 20px; }
	.color-block { padding: 30px; }
	.color-block .section-title { margin-bottom: 10px; }
	.section-bg { padding: 30px; }
	.section-bg .listing-point li { font-size: 16px; padding-bottom: 40px; }
	.section-bg .why-choose-row { grid-gap: 30px; }
	.feature-boxes { grid-gap: 20px; }
	.feature-info { padding: 58px 20px 20px; }
	.solution-section-inner .features-box { padding: 0; }
	.feature-img figure { padding-top: 70%; } 
	.text-big { font-size: 18px; }
	.content-box .wrap > p { margin-top: 40px; }
	
	.impressum-main .cols { grid-row-gap: 20px; }
	.impressum-main .cols4 .col { width: 50%; }
	#mainmenu > ul > li:first-child { margin-left: 15px; }
	#logo { width: 140px; }
	#mainmenu { font-size: 13px; }
	.home-category-list li.has-dropdown .dropdown-content {
        min-width: 240px;
    }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	/* #header { position:relative; } */
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#132747; z-index:5; box-shadow: 0 3px 20px rgb(7 13 22 / 60%); }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #1e3d6e; }
	#mainmenu ul li a { padding:8px 20px; display:block;  }
	#mainmenu ul li a:after { display:none; }
	
	/* Responsive Menu line icon*/
	#menu {     display: flex; align-items: center; width: 35px; height: 35px; border: 1px solid #c95000;	justify-content: center; background: #c95000; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; display: none; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 2px; background: #fff; position: relative; margin: 9px 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: 2px; background: #fff; 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: 8px; }
	.menulines:after { top: -8px; }
	.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%; }
	
	.home-category-row { grid-template-columns: auto; grid-gap: 40px; }
	.home-banner { order: -1; }
	.custom-shape-divider svg { height: 54px; }
	.home-category-list { overflow: auto; margin-right: -20px; margin-left: -20px; }
	.home-category-list ul { display: flex; flex-wrap: nowrap; width: calc(100% + 20px);   align-items: stretch; overflow-x: auto; box-shadow: none; padding: 0 0 10px 0;border: none; padding-left: 20px;}
	.home-category-list ul li { display: flex;  width: 100%; border: 1px solid #d3d3d3; margin-right: 20px;margin-bottom: 0;padding: 20px 20px; min-width: 130px; }
	.home-category-list ul li a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;text-align: center;font-size: 16px;width: 100%;font-weight: 600;line-height: 1.3; font-size: 15px;	}
	.home-category-list ul li a i { font-size: 56px; margin-bottom: 10px; }
	.home-category-list ul li a span { margin-left: 0; }
	.top-contact-info .contact-info ul li a { text-indent: -99999px; }
	.contact-info ul li:last-child { display: none; }
	.top-contact-info ul li a { padding: 10px 10px !important;  border-left: 1px solid #b5bbbc;	color: #808080; }
	.top-contact-info ul li a:hover { color: #c45000; }
	.top-contact-info .contact-info ul li a:hover { background-color: #c45000; color: #fff; }
	.top-contact-info .contact-info ul li i { margin: 0; text-indent: 0; }
	.top-contact-info .contact-info ul li:not(:last-child) { margin: 0; }
	.section-row { padding: 40px 0; }
	.button { font-size: 20px; padding: 8px 15px; }
	.features-row { grid-template-columns: 1fr; grid-gap: 30px; }
	.solution-row { padding-bottom: 40px; }
	.why-choose-row { grid-template-columns: 1fr; }
	.text-big { font-size: 16px; }
	.section-title { margin-bottom: 20px; }
	.why-chosoe-content .button { margin-top: 20px; }
	.brinkoflex-row { flex-direction: column; }
	.brinkoflex-img, .brinkoflex-content { width: 100%; }
	.brinkoflex-img .feature-img { margin: 0 0 40px 0; height: 300px; }
	.brinkoflex-content { order: 1; text-align: center; }
	.section-title2 { margin-bottom: 20px; }
	.brinkoflex-img .feature-img .feature-icon { transform: translateY(50%); right: 0; top: auto; bottom: 0;padding: 0; left: 0; }
	ul.listing-point { margin-bottom: 20px; }
	.connect-form { padding: 20px; }
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {
		height: 40px; font-size: 18px;
	}
	.connect-form .form-group { padding: 10px 0; }
	textarea { height: 100px; }
	input[type="button"], input[type="submit"], button { font-size: 20px; }
	.connect-person-img { max-width: 190px; }
	.understanding-info { max-width: 540px; margin: 0 auto; }
	.footer-row { grid-template-columns: repeat(2, auto); }
	.contact-link {	margin-top: 20px; }
	.footer-link-box h5 { font-size: 18px; margin-bottom: 20px; }
	.social-media { font-size: 20px; }
	.listing-point li { font-size: 16px; padding-bottom: 30px; }
	.listing-point li:after { height: calc(100% - 34px); top: 30px; }
	h4 { font-size: 20px; }
	.search-box {  margin: 0 15px 0 auto; }
	#mainmenu { margin-left: 0; order: 1; font-size: 14px; }
	.header-row .header-middle { padding: 15px 0; }
	.header-row:after { height: 2px; }
	.top-contact-info { justify-content: flex-end; }
	.section-title { font-size: 30px; }
	.inner-pages { padding: 100px 0; }
	.inner-pages h2 { font-size: 40px; }
	.undisputed-hose-specialist .wrap > h2 { font-size: 38px; }
	.hose-specialist-boxes { margin-top: 30px; }
	.hose-specialist-row { padding: 0; box-shadow: none; background: transparent; }
	.hose-specialist-box { flex-wrap: wrap; max-width: 100%; flex-direction: column-reverse; }
	.hose-specialist-info { width: 100%; transform: none; margin: 0; text-align: left; padding: 25px 0 0; }
	.hose-specialist-img { max-width: 100%; width: 100%; }
	.hose-specialist-box:nth-child(even) .hose-specialist-info { transform: none; }
	.hose-specialist-box:nth-child(even) { flex-direction: column-reverse; }
	.col-grid1 .understanding-info { max-width: 100%;    grid-gap: 20px; }
	.understanding-detail .section-title { font-size: 30px; margin-bottom: 15px; }
	.connect-row.col-grid1 .understanding-detail p { font-size: 18px; margin-bottom: 25px; }
	.connect-form .form-group:first-child { padding-top: 10px; }
	.contact-page-form .connect-form .form-block { grid-gap: 0 15px; }
	.feature-news-section .news-boxes { grid-template-columns: repeat(1,1fr); }
	.what-we-do-sec .cols.cols2 .col { width: 100%; }
	.what-we-do-sec .cols.cols2 .col:first-child { margin-bottom: 20px; }
	.feature-boxes { grid-template-columns: repeat(2,1fr); }
	.content-box .wrap > p { margin-top: 20px; }
	
	#mainmenu > ul > li:first-child { margin-left: 0; }

	.dropdown-content>ul {
        flex-direction: column;
    }
    .home-category-row .dropdown-content {
        max-width: 250px;
        display: none;
    }
    .dropdown-content ul#dropdown-info {
        width: 100%;
    }
    .dropdown-content #dropdown-info li {
        padding: 15px 20px;
    }
    .dropdown-content #dropdown-info li i {
        font-size: 16px;
        transition: all 350ms ease-in-out;
    }
    .dropdown-content .sub-dropdown {
        position: static;
    }
    .dropdown-content .sub-dropdown #sub-dropdown-info {
        box-shadow: none;
    }
    .sub-options a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
/*==========================================================================================================*/
/* 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; }	
	#logo { width:160px; }
	
	.list-block.cols3 .col { width:100%; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	
	.footer-row { grid-template-columns: 1fr; }
	.footer-link-box h5 { margin-bottom: 10px; }
	.understanding-detail .section-title { font-size: 24px; }
	.understanding-info { grid-template-columns: auto; text-align: center; }
	.connect-person-img { margin: 0 auto; }
	.connect-section.section-row { padding-bottom: 0; }
	.understanding-detail .section-title { margin-bottom: 10px; }
	h2 { font-size: 26px; }
	.banner-img { padding: 40px 20px 100px;	}
	.custom-shape-divider svg { height: 24px; }
	.section-title { font-size: 26px; }
	.inner-pages h2 { font-size: 32px; }
	.inner-pages { padding: 80px 0; }
	.undisputed-hose-specialist .wrap > h2 { font-size: 30px; }
	.specialist-img { display: none; }
	.col-grid1 .understanding-info { grid-template-columns: 1fr; }
	.connect-row.col-grid1 .understanding-detail p { font-size: 15px; }
	h3.section-title3 { font-size: 26px; }
	.content-box.section-row { padding-bottom: 0; }
	.connect-form .form-group { grid-column: span 2; }
	.contact-page-form .connect-form { margin-bottom: 40px; }
	.news-info-detail, .color-block { padding: 20px; }
	h2.big-title, h3.section-title { font-size: 32px; }
	.section-bg { padding: 15px; margin-top: 20px;}
	.feature-boxes { grid-template-columns: repeat(1,1fr); }
	.feature-img figure { padding-top: 42.5650%; }
	
	.impressum-main .cols4 .col { width: 100%; }
	.impressum-main { padding-bottom: 40px; }

	/*contact form captcha - 21/09/2023*/
	.captcha .wpcf7-form-control-wrap {
    position: relative;
    transform: scale(0.77);
    display: inline-block;
    transform-origin: left center;
	}

}
/*==========================================================================================================*/
/* 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 { padding: 0 0 5px; }
	.form-inline .form-group label.blank { display:none; }
	
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
	/* #logo { width: 150px; }
	.fmenu { width: 100%; text-align: center; justify-content: center; }
	.copyright { width: 100%; margin: 10px 0 0; text-align: center; } */
	/* #mainmenu { margin:12px 0 0; } */
		
} 
/*==========================================================================================================*/
/* 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 { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/