.prod-pres {width: 1200px !important;display: table}
.dhn {width: 140px;display: block;float: left;}
.preview-thumbnail {list-style:none}
.preview-thumbnail figure {padding:0;margin:0}
.preview-thumbnail figureimg {width:100px}
/*.preview-thumbnail li:first-child {padding:0px 0px 10px 0px}*/
.preview-thumbnail li {padding:10px 0}
.preview-thumbnail li a {border: 1px solid #ededed;padding: 2px;float: left;margin-bottom:10px;cursor:pointer}
.preview-thumbnail li a:hover{opacity: 0.9;border:1px solid #f79a00}
.preview-thumbnail li a img {width:130px}
.modal-dialog {width:100%}
.mob-thumbs {display:block;width: 100%;/* background: red; */}
.tab-content {/*background: red;width: 87vh;*/margin: 0 auto;}
.tab-content img {/* object-fit:contain; */max-height: 60vh;min-width: 400px;margin: 0 auto;max-width: 745px;}
.tab-content .orbitvu-container {height: 550px!important;}
.mob-pic {/*display: inline-block;*/}
.product-pic-zoo {border: solid 1px #d2d2d2; padding: 5px;width: 330px}
.product-pic-zoo a img {width:100%;background:#efefef}
.product-thumbs {margin-top:15px}
.product-thumbs .pt{cursor: pointer; position: relative;box-sizing: border-box;float: left;display: -webkit-inline-box;margin-right:5px}
.product-thumbs .pt:hover{box-sizing:border-box}
.product-thumbs .pt img {background:#d2d2d2;width:70px;margin-right:10px}
.product-thumbs .pt img:hover {border:1px solid #f79a00;box-sizing:border-box}
.product-thumbs .pt.active:after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;border:1px solid #f79a00;z-index:1}
h5.modal-title {font-size:20px;color:#1d1d1d;padding: 0 0 10px 0;}
.modal-body {width:100%}
.modal-co {display: table; margin-top: calc(6% - 3.5rem); margin-left: auto; margin-right: auto;background:#ffffff}
.modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 1px solid #dee2e6;margin-bottom:15px;}
.modal-footer {-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;justify-content: flex-end;padding: 15px 0 0 0;border-top: 1px solid #dee2e6;float: left;display: block;width: 100%;margin-top:20px;text-align: right;}
.tab-pane {display:none;}
.modal-co {background:#ffffff}
.modal .active {display: inline-grid;width: fit-content;align-content: center;justify-content: center;}
.modal-open {overflow-x: hidden;overflow-y: hidden;}
#product_thumbs img {width: 90px;float: left;margin-right: 5px;}

#modal-inpost .modal-xl {max-width:90%;width:90%;margin:20px auto;background:#ffffff;display: flow-root;padding:20px}
#modal-inpost .modal-body {background:#ffffff}
.inpost-info-box {background: #ffffff;  border: 2px solid #f79a00;  padding: 10px;  margin:20px 10px 10px 10px;  width: 98%;  box-sizing: border-box;}
.inpost-info-box h3 {text-align: left;  font-size: 18px;  line-height: 26px;  margin-bottom: 10px;}
.inpost-info-box p.inpost-info {text-align: left; margin: 0; line-height: 28px}
@media screen and (min-width:551px) and (max-width: 1200px) {
    #modal-bank-list .option_container {width: 48%;float: left;border-bottom: 1px solid #efefef;}
    #modal-bank-list .logo-cointainer {padding: 5px;width: 50%;float: left;}
    #modal-bank-list .option_container span {color: #1d1d1d;font-weight: 500;font-size: 17px;width: 100%;float: left;text-align: center;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    #modal-bank-list .option_container:nth-child(even) {margin: 10px 0px 10px 0;}
    #modal-bank-list .option_container:nth-child(odd) {margin: 10px 10px 10px 0px;}
    #modal-bank-list .option_container p {padding:0;margin: 0;}
    #modal-bank-list .option_container img {width: 100%;float: left;display: block;height: 45px;}
    #modal-bank-list .option_container .logo-cointainer {line-height: 120px;height: 60px;vertical-align: middle}

    #modal-inpost .modal-body {height: 77vh;max-height: 77vh;}

    .inpost-info-box {float:left; padding: 10px;margin: 15px 10px;width: 97%;box-sizing: border-box}
    .inpost-info-box h3 {margin:0px 0 10px 0}
    .inpost-info-box p.inpost-info {float:left;margin: 0px 0px;width: 100%;box-sizing: border-box;font-weight: normal;}
}
@media screen and (min-width:901px) and (max-width: 1200px) {
	.carousel img.d-block {min-width: 300px;max-width: 560px}
	#container-ov {display: block;width:600px;height:600px}
    .modal-dialog, .modal-co {margin-top:20px}
    .modal-co { width: 97%!important;padding:20px}
    .mob-pic {/* width: 80%; */}
    .tab-content {/* width:100%; */}
    .mob-pic {margin-bottom: 10px;}
    .mob-thumbs {display:block;width: 100%;background: red;}
    .preview-thumbnail {padding: 0; margin: 0 0 0 0;display: inline-flex;background: antiquewhite;margin: 0 auto;width: fit-content;display: flex}
  
    .preview-thumbnail figure {padding:0;margin:0}
    .preview-thumbnail li a figure img {width:100px;}
    .preview-thumbnail li a {margin-right: 10px;}
    .modal-co {width: 90%!important;box-sizing: border-box;margin-top: 20px;}
    h5.modal-title {line-height: 26px;font-size: 20px;padding: 5px 0;margin: 0px 0 5px 0}
    .dhn {width:120px;display: block;float: left}
    .modal .active {/* display: block; */text-align: center;vertical-align: middle;}
	
	.e4 {width:50%;margin-top:40px;margin-bottom:40px}
  .box-right {float:right}
  .box-left {float:left}
  .box-right .slide_from_bottom {float: left !important;margin-top: 20px;}
}
@media screen and (min-width:701px) and (max-width: 900px) {
	.carousel-inner {min-height: 550px}
	.carousel img.d-block {min-width: 300px;max-width: 510px}
	#container-ov {display: block;width:550px;height:550px}
	body.modal-open {verflow-x: hidden; overflow-y: auto;}
  .modal-co {width: 90%!important;box-sizing: border-box;margin-top: 20px;background: #fff;padding: 20px} 
  .dhn{display:none}
  .mob-pic {margin-bottom: 10px}
  .mob-thumbs {display:block}
  .preview-thumbnail {padding: 0;margin: 0 0 0 0;float: left;display: block;}
  .preview-thumbnail figure {padding:0;margin:0}
  .preview-thumbnail li a figure img {width:100px;}
  .preview-thumbnail li a {margin-right: 10px;}
  .preview-thumbnail li {float:left}
  /*.modal-co {width: 95%!important;box-sizing: border-box}*/
  h5.modal-title {line-height: 26px;font-size: 20px;padding: 5px 0;margin: 0px 0 5px 0}
  .tab-content img {max-height: 81vh; min-width: 550px;width:450px}
	
	.e4 {width:100%;margin-top:20px;margin-bottom:10px}
  .box-right {float:right}
  .box-left {float:left}
  .box-right .slide_from_bottom {float: left !important;margin-top: 20px;}
}
@media (min-width: 551px) and (max-width: 700px) {
	.carousel-inner {min-height: 450px;}
	.carousel img.d-block {min-width: 250px;max-width: 380px;max-height: 400px;}
	#container-ov {display: block;width: 382px;/* height:382px; */}
    body.modal-open {verflow-x: hidden; overflow-y: auto;}
    .fade {z-index:99999}
   .modal-co {margin-top: calc(12% - 3.5rem)!important;background: #ffffff;padding: 15px;width: 90%}
    .mob-pic {/*width: 530px*/}
    .tab-content {/* min-width: 540px; */margin:0 0 10px 0;/* max-height:91vh; */}
    h5.modal-title {line-height: 25px;font-size: 18px;padding:0 0 5px 0;margin: 0px 0 5px 0}
    .product-thumbs {width:500px;margin:15px auto 10px auto;min-height: 70px;}
    .product-pic-zoo {border: solid 1px #d2d2d2;padding: 5px;width: 500px;margin: 0 auto;}
    .product-pic-zoo a img {width:100%}
    .mob-pic {margin:5px 0px}
    .mob-thumbs {display:block}
    #product_thumbs {width: 100%;float: left;background: #ffffff;min-height: 100px; margin: 0 0 10px 0}
    .preview-thumbnail {padding:0;margin:10px 0 0 0}
    .preview-thumbnail figure {padding:0;margin:0}
    .preview-thumbnail li {float:left}
    .preview-thumbnail li a figure img {width:90px;}
    .preview-thumbnail li a {margin-right: 10px;}
    .mob-thumbs { width: 100%!Important; padding:10px 0}
    .modal-co #container-ov {width:100%;}
    .orbitvu-container {width:100%!important;height: 420px!important;}
    .dhn{display:none}
    .tab-content img {object-fit: contain;/* max-height: 81vh; *//* min-width: 550px; */}
    #product_thumbs {width: 100%;float: left;background: #ffffff;min-height: 100px; margin: 0 0 10px 0}
	
	.e4 {width: 100%; margin-top: 10px;margin-bottom: 0px;padding: 10px;box-sizing: border-box;}
  .box-right {float:right}
  .box-left {float:left}
}
@media (min-width: 400px) and (max-width: 550px) {
	.carousel-inner {min-height: 365px}
	.carousel img.d-block {min-width: 250px;max-width: 350px;max-height: 450px;}
	#container-ov {display: block;width: 350px;height:350px}
	}
@media (min-width: 200px) and (max-width: 399px) {
	.carousel-inner {min-height: 365px}
	.carousel img.d-block {min-width: 100px;max-width: 250px;}
	#container-ov {display: block;width: 290px;height:290px}
  .e4 {width: 100%; margin-top: 10px;margin-bottom: 0px;padding: 10px;box-sizing: border-box;}
  .box-right {float:right}
  .box-left {float:left}
}

@media screen and (max-width:550px){
  .carousel-inner {width: 100%;display: flex;-ms-flex-align: center;flex-wrap: nowrap;align-content: center;justify-content: space-around} /*do przemyślenia ta linijka */
  .carousel img.d-block {/* min-width: 200px; *//* max-width: 405px; */}
    .modal-content {width: calc(100% - 20px)!important}

    #modal-inpost .modal-body {height: 73vh;max-height: 73vh;}
    #modal-inpost .modal-xl {padding:10px;margin:10px auto}
    .inpost-info-box {float:left; padding: 10px;margin: 15px 0px;width: 100%;box-sizing: border-box}
    .inpost-info-box h3 {margin:0px 0 10px 0}
    .inpost-info-box p.inpost-info {float:left;margin: 0px 0px;width: 100%;box-sizing: border-box;font-weight: normal;}

    body.modal-open {verflow-x: hidden; overflow-y: auto}
    .fade {z-index:99999}
    .modal-co {margin-top: calc(16% - 3.5rem)!important;padding: 20px;width: 85%}
    .mob-pic {}
    .tab-content {width: 100%;margin:0 0 10px 0}
    h5.modal-title {line-height: 22px;font-size: 16px;padding: 5px 0;margin:0 0 5px 0}
    .product-thumbs {width:400px;margin:15px auto 10px auto}
    .product-pic-zoo {border: solid 1px #d2d2d2;padding: 5px;width: 97%;margin: 0 auto}
    .product-pic-zoo a img {width:100%}
    .mob-pic {}
    .mob-thumbs {display:block}
    .preview-thumbnail {padding: 0;margin: 0 0 0 0;float: left;display: block;}
    .preview-thumbnail li {padding: 10px 0;float: left }
    .preview-thumbnail figure {padding:0;margin:0}
    .preview-thumbnail li a figure img {width:64px}
    .preview-thumbnail li a {margin-right: 10px;}
    .mob-thumbs {width: 100%!Important;padding: 0;float: left;}
    .modal-co #container-ov  {width:100%}
    .orbitvu-container {/*max-height:350px*/}
    .dhn{display:none}
    .product-thumbs .pt img {width:60px}
    .modal .nav-tabs {float: left;padding: 0;margin:0}
    .orbitvu-container {width:100%!important;/*height: 330px!important*/}
    .modal-dialog {min-height: calc(100% - 3.5rem);}
    .modal .active {/* align-content: baseline; */}
    .tab-content img {object-fit: contain;max-height: 31vh;/*min-width: 550px; */}
    #product_thumbs {width: 100%;float: left;background: #ffffff;min-height: 100px; margin: 0 0 10px 0}
    #product_thumbs img {width: 80px;float: left;margin-right: 5px}
    #modal-bank-list .option_container {width: 48%;float: left;}
    #modal-bank-list .logo-cointainer {padding: 5px;width: 50%;float: left;}
    #modal-bank-list .option_container span {color: #1d1d1d;font-weight: 500;font-size: 15px;width: 100%;float: left;text-align: center;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    #modal-bank-list .option_container:nth-child(even) {margin: 10px 0px 10px 0;}
    #modal-bank-list .option_container:nth-child(odd) {margin: 10px 10px 10px 0px;}
    #modal-bank-list .option_container p {padding:0;margin: 0;}
    #modal-bank-list .option_container img {width: 100%;float: left;display: block;max-height: 37px;height: 37px}
    #modal-bank-list .option_container .logo-cointainer {line-height: 120px;height: 60px;vertical-align: middle}
}
@media screen and (min-width:1201px){
	.carousel-inner {min-height: 650px}
	.carousel img.d-block {min-width: 400px;max-width: 640px}
	#container-ov {max-width:640px;max-height:640px;display: block;width:640px;height:640px}
    #modal-bank-list .option_container {width: 33%;float: left;min-height: 70px;border-bottom: 1px solid #efeffe;margin-bottom: 10px;padding-bottom: 5px;}
    #modal-bank-list .option_container p {line-height: 50px;margin-right: 20px;text-align: center;}
    #modal-bank-list .logo-cointainer {padding: 5px;width: 50%;float: left;}
    #modal-bank-list .option_container span {color: #1d1d1d;font-weight: 500;font-size: 18px;display: inline-block;height: 100%;width: 60%;white-space: nowrap;
        overflow: hidden;text-overflow: ellipsis;}
    #modal-bank-list .option_container img {max-height: 65px;width:auto;margin: auto 10px;min-height: 65px;max-width: 180px;}
    #modal-bank-list .option_container .logo-cointainer {line-height: 120px;height: 60px;vertical-align: middle;}

    #modal-inpost .modal-body {height:80vh;max-height:80vh}

    .preview-thumbnail {padding: 0;margin: 0 0 0 0;display: inline-flex;/* background: antiquewhite; */margin: 0 auto;width: fit-content;display: flex;}
    .preview-thumbnail figure {padding:0;margin:0}
    .preview-thumbnail li a figure img {width: 50px;}
    .preview-thumbnail li a {margin-right: 10px;}
    .preview-thumbnail li {float:left}
    .tab-content img {/* object-fit:contain; *//* max-height: 23vh; *//* min-width: fit-content; *//* display: inline; */}
	
	.e4 {width:50%;margin-top:40px;margin-bottom:40px}
  .box-right {float:right}
  .box-left {float:left}
  .box-right .slide_from_bottom {float: left !important;margin-top: 20px;}
  .modal-co {padding:20px}
}
@media (min-width: 576px){.modal-dialog-centered { min-height: calc(100% - (1.75rem * 2));}}
@media (min-width: 576px){
.modal-dialog {max-width: 900px;margin: 1rem auto;height: auto;position: relative;}
}
.modal-dialog-centered {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem * 2));}
.modal-content {margin:0 auto}
/* karuzela */
.carousel img {/* display: block; */}
/*.carousel img.d-block {min-width: 400px;max-width: 461px;}*/
.carousel {position: relative;}
.carousel-inner {width: 100%;display: flex;-ms-flex-align: center;flex-wrap: nowrap;align-content: center;justify-content: space-around}
.carousel-inner>.carousel-item .active {display: inline-grid;width: fit-content;align-content: center;justify-content: center}
.carousel-item>.carousel-img {width: 100%;min-height: 70vh; /* same height */   height: auto}
.carousel-item.carousel-video {display: block;object-fit: cover;position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);/* uncomment the following line if you want to prevent mouse (or touch) clicks */
  /* pointer-events: none; */}
.carousel-inner>.active, .carousel-inner>.next {vertical-align: middle}
.carousel-inner>.next {position: absolute;top: 0;width: 100%}
.carousel-inner>.to-left {animation-name: left}
.carousel-inner>.from-right {animation-name: right}
.carousel-inner>.to-right {animation-name: right;animation-direction: reverse}
.carousel-inner>.from-left {animation-name: left;animation-direction: reverse}
.carousel-control {position: absolute;top: 0;bottom: 0;left: 0;width: 15%;cursor: pointer}
.carousel-control-prev, .carousel-control-next {position: absolute;top: 0;bottom: 0;z-index: 99999999999;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 6%;color: #fff;text-align: center;opacity: 0.8;transition: opacity 0.15s ease;height:60%}
@media (prefers-reduced-motion: reduce) {.carousel-control-prev, .carousel-control-next {transition: none;} }
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {color: #fff;text-decoration: none;outline: 0;opacity: 0.9}
.carousel-control-prev {left: 0}
.carousel-control-next {right: 0}
.carousel-control-prev-icon, .carousel-control-next-icon {display: inline-block;width: 30px;height: 30px;background: no-repeat 50% / 100% 100%;background-color:#F79A00;padding: 5px;}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal}
@keyframes left {from {left: 0}
  to {left: -100%;}
}
@keyframes right {from {left: 100%}
  to {left: 0;}
}

.carousel-indicators {position: relative;right: 0;bottom:-10px;left: 0;z-index: 15;display: flex;justify-content: left;padding-left: 0;list-style: none;max-width: 668px;white-space: nowrap;overflow: auto;padding: 0;margin: 0;}
.carousel-indicators li {position: relative;flex: 0 1 auto;height: 70px;margin-right: 5px;text-indent: -999px;cursor:pointer;padding:2px;border:0}
.carousel-indicators li:hover {border:1px solid #807f7f;padding: 1px;}
.carousel-indicators li.active {border:1px solid #f79a00;padding: 1px;}
ol.carousel-indicators li img {max-height:70px;display: block;}
.carousel-item {display:none}
/*koniec karuzela */
.orbitvu-container {background-color: #FFFFFF!important; z-index: 9999999999; height: 100%!important; width: 100%!important}