/* Large Devices, Wide Screens */
@media all and (min-width: 1300px){
	.hp_banner .pxtext-element-image .pxtext_component_content {height: 250px;}
		.hp_banner_lead .pxtext-element-image .pxtext_component_content {height: 500px;}
		.hp_banner_3 .pxtext-element-image .pxtext_component_content {height: 244px;}
		.hp_banner_1_2 .pxtext-column-col:first-child .pxtext-element-image .pxtext_component_content {height: 500px;}
		.hp_banner_1_2 .pxtext-column-col:nth-child(3) {top: 256px;}
		.hp_banner_2_1 .pxtext-column-col:nth-child(3) .pxtext-element-image .pxtext_component_content {height: 500px;}
		.hp_banner_2_1 .pxtext-column-col:nth-child(2) {top: 256px;}
}


/* Large Devices, Wide Screens */
@media all and (max-width: 1999px){
	.back_wh_07_academy {background-size: auto 400px; background-repeat: no-repeat; background-position: right top;}
}


/* Large Devices, Wide Screens */
@media all and (max-width: 1699px){
	.back_wh_07_academy {background-size: auto 400px; background-repeat: no-repeat; background-position: 80% top;}
}

/* Large Devices, Wide Screens */
@media all and (max-width: 1349px){
	.back_wh_07_academy {background-size: auto 350px; background-repeat: no-repeat; background-position: 80% top;}
}


/* Large Devices, Wide Screens */
@media all and (max-width: 1199px){
	.carousel-item .carousel-caption {top: 0;}
		.carousel-item .carousel-caption h4 {margin-top: 0;}
	.hp_story_section {height: 45vw; background-size: auto 45vw; background-position: -15vw top;}
	.back_wh_04_contact {background-position-x: 40%;}
	.back_wh_07_academy {background-position-x: 0px;}
}


/* Medium Devices, Desktops */
@media all and (max-width: 991px){
	#body_header {height: 71px;}
		/*#header_menu_hamburger {display: block;}
		#logo img {height: 34px;}
		#header_menu {display: none; width: 100%; top: 70px; left: 0; right: 0; height: auto; background-color: #FFF; line-height: 1.3;
						border-bottom: 2px solid #373737; z-index: 5;}
			#header_menu ul li {display: block; text-align: center; padding: 8px 0;}
				#header_menu ul li a {display: inline-block; padding: 0px 20px; border: 1px solid transparent;}
				#header_menu ul li.act a, #header_menu ul li a:hover, #header_menu ul li a:active {color: #373737; border: 1px solid #373737; background: #FFF;}
				#body_header a:hover::before, #body_header li.act a::before {content: initial;}
		#body_header .small_cart {height: 70px; line-height: 70px;}
			.small_cart_counter {top: 38px}
		#services_menu {display: none;}
		.page_Co_delame #services_menu {display: block;}*/
	#body_cont {padding-top: 0px;}
	.hp_banner {padding: 0 20px;}
		.hp_banner .col-md-12 {font-size: 1.4rem;}
		.hp_banner a.btn {margin-top: 30px; font-size: 1rem;}
	
	.carousel-item .carousel-caption {top: 0; left: 15%; width: 22%;}
		.carousel-item .carousel-caption h4 {margin-top: 0;}
	.hp_story_section {height: auto; min-height: 45vw; background-size: auto 45vw; background-position: -15vw top;}
	.back_wh_07_academy {background-size: auto 330px; background-position-x: -30px;}
	
	.hp_banner .pxtext-element-text p {font-size: 0; line-height: 0;}
		.hp_banner .pxtext-element-text p a {font-size: 12px; line-height: 1.3;}
	
	.s_pagemenu ul li {display: block; padding: 5px;}
	.s_contact::after {display: none;}
	.s_pageblock .pxtext-column-col-md-5 {order: -1;}
	.s_pageblock .pxtext-element-image::after {display: none;}
	#body_footer_bottom .pxtext-column-col {padding-left: 30px; padding-right: 30px;}
		#body_footer_bottom .pxtext-column-col p {padding-left: 0px; padding-right: 0px;}
		#body_footer_bottom .pxtext-column-col ul li {display: block;}
		#body_footer_bottom .pxtext_component_in .pxtext-column-col:first-child {order: 5; padding-top: 20px;}
}

/* Medium Devices, Desktops */
@media all and (max-width: 871px){
	.back_wh_07_academy {background-size: auto 300px; background-position-x: -70px;}
}


/* Small Devices, Tablets */
@media all and (max-width: 767px){
	.shpbanner .pxtext-element-text {bottom: 30vw;}
	.articles .article_preview {width: 45%;}
	.pxtext-column-col-lg-9 .articles .article_preview {width: 100%;}
	
	#body_footer_content .footer_logo_label {font-size: 100%; width: 30%; right: 0; padding-top: 50px; text-align: left;}
		#body_footer_content .footer_logo_label span {font-size: 170%;}
	
	
	#header_menu_hamburger {display: block;}
		#logo img {height: 34px;}
		#header_menu {display: none; width: 100%; top: 70px; left: 0; right: 0; height: auto;
						background-color: rgba(40,40,40,0.9); line-height: 1.3;
						border-bottom: 2px solid #373737; z-index: 5;}
		#header_menu ul li.act {background-color: transparent;}
		#header_menu ul li a:hover {background-color: transparent; color: var(--mainColor) !important; text-decoration: underline;}
		#header_menu ul {border-width: 0 !important;}
			#header_menu ul li {display: block;}
				#header_menu ul li a {line-height: 1.2 !important; padding: 3px 10px !important;}
 
 
	#logo {left: 10px;}
	.hp_cont .onstore_categories {padding-top: 10px}
	.hp_cont_references .row .subpage_content {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 15px;}
	.hp_cont_references .bx-controls {left: -25px; right: -25px;}
	.contact_form {padding: 0;}
	.articles div.text img {max-width: 85%; margin: 10px auto;}
	#body_footer {text-align: center;}
		.footer_socials {position: absolute; right: 0; top: 0;}
			/*#body_footer .footer_socials .social {width: 50px; line-height: 1;}
			#body_footer .footer_socials .social i.fa:before {font-size: 28px; line-height: 50px;}*/
		#body_footer_content {margin-top: 30px;}
	.piro_html {width: 450px !important; left: 10px !important;}
		.piro_html .resize, .piro_html .div_reg, .piro_html .touch {width: 450px !important;}
		
	.carousel-item {height: 60vw;}
		.carousel-item::after {height: 60vw; background-size: auto 60vw; background-position: -30vw top;}
	.carousel-item .carousel-caption {top: 0; left: 2%; width: 35%; display: block !important;}
		.carousel-indicators {display: none;}
	.hp_story_section {height: auto; background-size: 100% auto; padding-left: 30vw !important; background-position: -20vw top;}
	.back_wh_07_academy {background-size: auto 200px; background-position-x: center; padding-top: 70px !important;}
		.back_wh_07_academy .pxtext-column-col-auto {display: none !important;}
	#services_menu>nav>ul>li {display: inline-block; width: 18%; margin: 0 2%;}
	.hp_banner_lead .pxtext-element-image .pxtext_component_content {height: 40vw; min-height: 300px;}
	.hp_banner_1 .pxtext-element-image .pxtext_component_content {height: 20vw !important; min-height: 200px;}
	.hp_banner_3 {}
		.hp_banner_3 .pxtext-column-col {width: 100% !important; position: relative !important; left: 0 !important; top: 0 !important;
										margin-bottom: 1vw; text-align: left !important;}
		.hp_banner_3 .pxtext-column-col:nth-child(3) {margin-bottom: 0;}
		.hp_banner_3 .pxtext-element-image .pxtext_component_content {height: 20vw !important; min-height: 200px;}
		.hp_banner_3 .pxtext-element-text .pxtext_component_content {left: 5% !important; right: auto !important;}
		.hp_banner_3 .pxtext-column-col>.pxtext_component_in {clip-path: none !important;}
		.hp_banner_3 .pxtext-column-col>.pxtext_component_in::after {display: none !important;}
		.hp_banner_3 .pxtext-element-text {background: linear-gradient(to right,  rgba(255,255,255,0.85) 10%,rgba(255,255,255,0) 50%) !important;}
}


@media all and (max-width: 575px){
	.articles .article_preview {width: 100%;}
	table.product_info tr td {display: inline-block; padding: 5px 10px 5px 0;}
	.contact_form table tr td {display: block; width: 100%;}
	.articles div.text img {max-width: 100%; margin: 10px auto;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.piro_html {width: 300px !important; left: 10px !important;}
		.piro_html .resize, .piro_html .div_reg, .piro_html .touch {width: 300px !important;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}