/* Large Devices, Wide Screens */
@media all and (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}
	.pxtext-section-medium {max-width: 1320px;}
}

@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;}
	.reviews_and_image.reviews_and_image_large .pxtext-element-image img {width: 100%; height: 100%; max-width: 100%;}
	.s_vacations .pxtext-column-col-md-6 .pxtext-element-text:nth-child(2) {top: 26cqi; height: 24cqi;}
	.page_Uvod .s_vacations .pxtext-column-col-md-6:hover .pxtext-element-text:nth-child(2) {height: 40cqi; top: 10cqi;}
}


/* 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;}*/
	.hp_banner .pxtext-element-text h2 {font-size: 30px; line-height: 45px; margin: 0 auto 10px;}
	.s_about h2 {line-height: 1.3;}
	.reviews_and_image .pxtext-element-text {top: 0}
	.reviews_and_image .pxtext-element-image {margin-top: 60px;}
	/*.s_vacations .pxtext-column-col-md-6 .pxtext-element-text:nth-child(2) {width: 70%; top: 5cqi; height: 45cqi;}
		.s_vacations .pxtext-column-col-md-6 .pxtext-element-text:nth-child(2) p {margin: 3px 0;}*/
	header.style-4 .main-menu .menu-list > li .dropdown-icon {display: none !important;}
		header.style-4 .main-menu .menu-list > li .mobile-dropdown-icon {display: block; position: absolute; top: 18px; right: 0; font-size: 15px;}
		header.style-4 .main-menu .menu-list > li .mobile-dropdown-icon:hover,
			header.style-4 .main-menu .menu-list > li.active-sub-menu .mobile-dropdown-icon {color: var(--primary-color1);}
	header.style-4 .main-menu .menu-list > li.active-sub-menu .sub-menu {display: block;}
		header.style-4 .main-menu .menu-list > li.active-sub-menu .sub-menu .submenu_text {font-size: 80%;}
		header.style-4 .main-menu .menu-list > li.active-sub-menu .sub-menu a:hover {color: var(--primary-color1);}
		header.style-4 .main-menu .menu-list > li .sub-menu > li a::before {display: none;}
	header.style-4 .header-logo img {width: 110px; min-width: 0;}
	.s_top_img {}
		.s_top_img img {height: 30vh; object-fit: cover;}
		.s_top_img h4, .s_top_img h2 {font-size: 30px; line-height: 1.3;}
	
	#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;}
	.s_vacations .pxtext-column-col-md-6 {max-width: 100%; flex: 0 0 100%;}
		.s_vacations .pxtext-column-col-md-6 .pxtext-element-text:nth-child(2) {top: 35cqi; height: 15cqi;}
		.page_Uvod .s_vacations .pxtext-column-col-md-6:hover .pxtext-element-text:nth-child(2) {height: 35cqi; top: 15cqi;}
}


/* 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(255,255,255,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;}

	.destination_filter_block_in {height: auto; background: transparent;}
		.destination_filter_block_in>div {margin-bottom: 10px;}
 
 
	#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;}
	.s_vacations .pxtext-column-col-md-6 .pxtext-element-text:nth-child(2) {top: 30cqi; height: 20cqi;}
		.page_Uvod .s_vacations .pxtext-column-col-md-6:hover .pxtext-element-text:nth-child(2) {height: 50cqi; top: 0cqi;}
	
}

/* 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) {

}