@media only screen and (max-width: 1765px) {
	.inner {margin:0 2% 25px 0;}
	footer .wrapper .phone-numbers {width: 305px;}
	footer {padding: 0px 2%;}
	#dates .img img {top: -45px;}
	#subPage-content .img {width: 30%;}
  #promotion .promo-container .promo-item .top img {width: 100%;}
}

@media only screen and (max-width: 1765px) {
	footer .wrapper .phone-numbers {margin-right: 0;}
	h3 {font-size: 24px;}
}

@media only screen and (max-width: 1625px) {
  footer .wrapper .menu-btm {width: 65%;}
}

@media only screen and (max-width: 1505px) {
	h3 {font-size: 19px;}
	.carousel-container .prev {left: -3%;}
	.carousel-container .next {right: -3%;}
  footer .wrapper .img {top: -20px;}
	
}

@media only screen and (max-width: 1365px) {
	footer .wrapper .phone-numbers {width: 24%;	font-size: 13px;}
	footer .wrapper .phone-numbers span:first-child {margin-right: 1%;}
	footer .wrapper .phone-numbers span:first-child p {font-size: 16px;}
	footer .wrapper .phone-numbers span:nth-child(2) p {font-size: 16px;}
	h3 {font-size: 21px;}
	.menu {top: 1%;}
	h3 {font-size: 17px;}
	#cooperation .container {width: 100%;padding: 0px 10px;box-sizing:border-box;}
	#cooperation .items .item {margin-right: 1%;float: none;width: 200px;display: inline-block;}
	#cooperation .items, #cooperation .choices {margin-right: 1%;text-align: center;}
	#cooperation .choices {margin-right: 1%;text-align: center;    background: #fff;}
	#cooperation .items .item:nth-child(1) {margin-right: 15px;margin-bottom: 15px;}
	#cooperation .items .item:nth-child(3) {margin-right: 15px;margin-bottom: 15px;}
	#cooperation .container>.right .top .ar {z-index: -1;left: -47px;}
	#cooperation .container>.right {background-color: #fff;}
	#cooperation .container>.right .top .al {z-index: -1;}
	#cooperation .choices .repo .r {width: 28%;}
}

@media only screen and (max-width: 1200px){
	#columns .col:after {display: none;}
	.menu {display: none;top: 0;bottom: 0;z-index: 2000000001;height: 100%;background-color: #fff;    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;}
	.menu ul {left: 0;}
	.mob {display: block;}
	.container {width: 100%;padding: 0px 10px;box-sizing: border-box;}
	.carousel-container {width: 80%;}
	#promotion .promo-container .promo-item {margin-right: 1%;    width: 29%;}
	.group1 {width: 27%;}
	#carousel-certyficate .item p {width: 55%;font-size: 15px;}
	.partners-wrap {width: 100%;}
	.partners-wrap .partners a {margin: 0px 3%;}
	.partners-wrap .comarch a {margin: 0px 2%;}
	.partners-wrap h3 {margin-left: 11%;}
	.news-wrapper {padding: 0px 10px;width: 100%;}
	.carousel-container #carousel .owl-item .item {margin: 0px 2%;}
	.carousel-container .sol2 img:first-child,.carousel-container .sol2 img:last-child,.carousel-container .sol1 img:first-child,.carousel-container .sol1 img:last-child {width: 49%;}
	.carousel-container .solution:nth-child(even) .left {width: 44%;margin-right: 1%;}
  footer .wrapper .img {top: -7px;left: -52px;}
  #community .container {width: 100%;padding: 0px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .partner-item {font-size: 12px;text-align: center;}
  #slider .baner-item:nth-child(1) {top: 23px;}
  #slider .baner-item:nth-child(2) {left: 40%;top: -51px;}
  #slider .baner-item:nth-child(3) {left: 47%;top: -139px;}
  #slider .baner-item:nth-child(4) {left: 57%;top: -67px;}
  #slider .baner-item {width: 100px;}
}

@media only screen and (max-width: 1000px) {
	footer .wrapper .img {display: none;}
	#dates .img {display: none;}
	#dates .wrapper {width: 100%;}
	footer {font-size: 14px;}
	h2 {font-size: 45px;}
	footer .wrapper .phone-numbers {width: 28%;}
	#dates {padding: 30px 10px;}
	#ads {height: 75px;}
	h3 {    font-size: 15px;}
	#map {height: 700px;}
	#subPage-content p {font-size: 11px;}
	.left label {font-size: 11px;}
	.partners-wrap .partners a {width: 26%;}
	.partners-wrap .comarch a {width: 19%;}
	.partners-wrap .comarch a img{height:auto;}
	.partners-wrap .partners a img{height:auto;}
	.news-wrapper table {width: 100%;}
	#slider .slide p {margin-bottom: 20px;font-size: 14px;}
  .carousel-container #carousel .owl-item .item {float: left;}
  #cooperation .container>.right .top .ar {top: 55px; left: -38px;}
  #cooperation .container>.right .top .al {bottom: 12px;}
  #cooperation .choices .repo .left {width: 100%; padding-right: 10px;box-sizing: border-box;}
  #cooperation .choices .repo .r {display: none;}
}

@media only screen and (max-width: 768px){
	#columns .col {width: 100%;margin-right: 0;float: none;margin-bottom: 75px;}
	#columns .col:after {display: none;}
	#columns .col p {font-size: 16px;}
	#dates .wrapper h2 {font-size: 50px;}
	footer .wrapper .menu-btm {width: 100%;text-align: center;float: none;margin-bottom: 30px;}
	footer .wrapper .phone-numbers {width: 100%;float: none;text-align: center;}
	.f24, .faktury, .panel, .partner {right: 10px;font-size: 10px;width: 105px;}
	.newsletter {    border-width: 42px 42px 42px 0;}
	.newsletter i {left: 13px;right: 0px;}
  .community {    border-width: 42px 42px 42px 0;}
  .community i {left: 13px;right: 0px;}
	.fb{    border-width: 42px 42px 42px 0;}
	.fb i {left: 17px;}
	#columns .col h3 {margin: 15px 0;}
	#map {height: 500px;}
	#contact {margin: 40px 0;}
	#contact .container #pre-form {font-size: 14px;text-align: center;margin-bottom: 20px;width: 100%;}
	#contact .container #con-form {width: 100%;}
	#order .container #order-form {width: 100%;}
	#subPage-content .description .btn {width: 190px;padding: 11px 0;}
	#subPage-content .img {display: none;}
	#subPage-content .description {width: 100%;}
	#subPage-content {padding: 20px 10px;}
	.carousel-container .next {width: 50px;}
	.carousel-container .prev {width: 50px;}
	.right-wrapper {top: 75%;}
	#carousel-certyficate .item p {font-size: 13px;}
	#carousel-offer .item .text {font-size: 10px;}
	.carousel-container #carousel .owl-item .item .button {margin-bottom: 10px;}
	.carousel-container #carousel .owl-item .item .dscrb {font-size: 9px;padding: 0;}
	.carousel-container #carousel .owl-item .item span {font-size: 9px;}
	.carousel-container #carousel .owl-item .item .price {font-size: 19px;}
	.carousel-container #carousel .owl-item h5 {padding: 4px 5px;font-size: 14px;margin-bottom: 9px;}
	.carousel-container #carousel .owl-item .item .button {font-size: 10px;}
	.owl-item h4.title {font-size: 17px;}
	.carousel-container .solution {margin-bottom: 100px;}
	.carousel-container .solution:nth-child(even) .right,.carousel-container .solution:nth-child(odd) .right {width: 100%;margin-bottom: 20px;}
	.carousel-container .solution:nth-child(even) .left,.carousel-container .solution:nth-child(odd) .left {width: 100%;margin-bottom: 20px;}
	#cooperation .container>.right .top .al {width: 19%;left: -34px;bottom: 92px;}
	#cooperation .container>.right .top .ar {width: 19%;left: -29px;}
	#slider .baner-item {position: initial;}
}

@media only screen and (max-width: 720px) {
	#cooperation .items .item {    margin: 0 0 10px 0 !important;width: 100%;}
	#cooperation .choices .repo .left .path .img {width: 20%;}
	#cooperation .container>.right .top p {font-size: 13px;}
	#digitalization .item {width: 100%;}

}

@media only screen and (max-width: 650px){
  #carousel-offer .item .text {width: 100% !important;}
	#promotion .promo-container .promo-item {width: 281px;    margin: 0px auto 50px auto;float: none;}
	#carousel-soft .item div {width: 100%;font-size: 10px;text-align: center;}
#carousel-soft .item div.img {display: none;}
#slider {display: none !important;}
#dates .inner {width: 75px;height: 75px;}
#dates .inner:nth-child(3) {margin-right: 32%;}
.colorLine {display: none;}
body {padding-top: 100px;}
.carousel-container #carousel:before {left: -20px;}
.carousel-container #carousel:after {right: -24px;}
.carousel-container .next,.carousel-container .prev {width: 24px;}
.carousel-container .next {right: -13px;}
.carousel-container .prev {left: -19px;}
#subPage-content .item div {display: block;text-align: center;margin: 0 auto;}
#subPage-content .item .img {display: none;}
#carousel-offer .item .img {display: none;}
#carousel-offer .item .text {overflow: visible !important;}
#carousel-offer .item .text ul {padding-left: 5% !important;}
#cooperation {margin-top: 0;}
#cooperation .left {width: 100%;}
#cooperation .container>.right .top .ar {display: none;}
#cooperation .container>.right .top .al {display: none;}
#cooperation .container>.right {width: 100%;}
#community .partner-item div[class^="col col-"] {width: 100%;margin-right: 0;margin-bottom: 15px;}
}

@media only screen and (max-width: 580px){
	#dates .inner {    margin: 1% 8% !important;}
	#slider .slide p {font-size: 11px;}
	h2 {font-size: 30px;}
	.btn {width: 135px;}
	#dates .wrapper .title {font-size: 13px;}
	#dates .wrapper h2 {font-size: 30px;}
	#columns .col p {font-size: 12px;}
	#columns .col {margin-bottom: 26%;}
	.rights {    font-size: 11px;}
	  footer .wrapper .menu-btm li{margin-bottom: 20px;}  
	  #map {height: 300px;}
	  #subPage-content #content-slide .left {width: 100%;margin-bottom: 20px;}
	  #subPage-content #content-slide .right {width: 100%;}
	  #carousel-certyficate .item p {display: none;}
	  .carousel-container #carousel .owl-item .item {    width: 100%;margin-bottom: 20px;}
#dates .inner .legend {bottom: 5px;}
#dates .wrapper-dates {position: initial;}
#dates {position: relative;padding: 60px 10px;}
.carousel-container #carousel {z-index: 10;}
.carousel-container .prev,.carousel-container .next {z-index: 11;}
.right-wrapper {z-index: 12;}
.carousel-container .next {right: -27px;}
#digitalization  .container .item .right {width: 100% !important;}
#digitalization .container  .item .left {width: 100% !important;}
#digitalization .item:nth-child(even) {display: flex;flex-wrap: wrap;justify-content: center;}
#digitalization .item:nth-child(even) .left {order:2;}
}

@media only screen and (max-width: 470px) {
  #dates .inner {    margin: 1% 7% !important;}
  #cooperation .choices .repo .left .path .img {margin-right: 5px;}
  #cooperation .choices .repo .left .path p {font-size: 12px;}
  #cooperation .choices .repo .left .path h4 {font-size: 14px;}
}

@media only screen and (max-width: 450px) {

#contact .container #con-form input:not(#submit) {width: 100%;}
#contact .container #con-form textarea {height: 100px;}
#contact .container #con-form #submit {width: 100%;}
#order .container #order-form input:not(#submit) {width: 100%;}
#order .container #order-form textarea {height: 100px;}
#order .container #order-form #submit {width: 100%;}
#promotion .promo-container .promo-item {width: 240px;}
.partners-wrap .partners a {width: 100%;margin: 0  0 35px 0;display: block;    height: 100%;}
.partners-wrap .comarch a {width: 100%;margin: 0  0 35px 0;display: block;    height: 100%;}
}

@media only screen and (max-width: 430px) {
  #dates .inner {margin: 1% 5% !important;}
  .submit-forms input:not(.submit) {width: 100%;}
  #client-login, #unisono-login {width: 300px;}
}

@media only screen and (max-width: 430px) {
  #dates .inner {margin: 1% 4% !important;;}
}