@media screen and (max-width: 1780px) {
  .owl-carousel .slider1:before,
  .owl-carousel .slider2:before,
  .owl-carousel .slider3:before {background-position: right -400px top -185px;}
  .owl-carousel .slider1 .video {right: 198px;}
}

@media screen and (max-width: 1200px) {
  .container,
  section div.borderS {box-sizing: border-box; padding: 0 20px !important;}
  .address .slick-initialized .slick-slide {width: 50% !important; margin-bottom: 20px;}
  #mainNav .navbar-nav > li:first-child {margin-left: 0;}
  #mainNav .navbar-nav > li {margin-left: 19px; line-height: 40px;}
  footer .contact a {float: left; margin-left: 100px;}
  .contact .maps .address .top {right: 10px;}
  .owl-carousel .owl-slide {
    height: calc(90vh - 70px);
    min-height: 500px;
  }
  .owl-carousel .slider1:before, .owl-carousel .slider2:before, .owl-carousel .slider3:before {background-position: right -250px bottom; background-size: 1200px;}
  video {width: 166px !important;}
  .owl-carousel .slider1 .video {top: 27px; right: 156px;}
  .phoneTop {width: 180px; background-size: 100%; height: 28px; background-repeat: no-repeat; left: -8px; top: -9px;}
  .phoneBottom {width: 182px; background-size: 100%; height: 35px; left: -8px; bottom: -6px;}
  .finger {width: 57px; height: 108px; background-size: 100%; left: -39px; top: 207px;}
  .owl-carousel .owl-slide-text {width: 66%;}
  .owl-carousel .slider1:before, .owl-carousel .slider2:before, .owl-carousel .slider3:before {background-position: right -320px bottom;}
  .owl-carousel .slider1 .video {right: 86px;}
  .contentP {width: 100%;}
}

@media screen and (max-width: 1030px) {
  .references li {width: 50%; display: block; float: left; padding-top: 5%; box-sizing: border-box;}
}

@media screen and (max-width: 990px) {
  .contact > .in .left,
  .contact > .in .right {float: none; width: 100%; margin-bottom: 20px;}
  .contact > .in .left > ul > li:last-child span {min-height: 60px;}
  .contentP,
  .team > ul {width: 100%;}
  .team > ul li:first-child {width: 100%; display: block; margin-bottom: 15px;}
  .team > ul li {width: 25%;}
  #mainNav .navbar-nav > li {margin-left: 0;}
  footer .contact a {float: left; margin-left: 60px;}
  footer .contact a {display: block; float: none; width: 250px; margin: 15px auto 0; text-align: left;}
  footer .links .copyright {display: block; text-align: center;}
  footer .top nav {float: none; text-align: center;}
  footer .top .left,
  footer .top .right {float: none; margin-bottom: 15px; margin: 0 auto; width: 305px;}
  footer .top .right {width: 280px;}
  .colcarou .colcarou-item img {width: 150px !important; margin: 0 25px 35px 70px !important;}
  .colcarou .colcarou-item > span > span {height: 300px !important;}
  .colcarou.colcarou-frame {height: 300px !important;}
  .colcarou .colcarou-item.inactive {min-width: 68px !important;}
  .colcarou .colcarou-item > span {width: 340px !important;}

}

@media screen and (max-width: 780px) {
  .contact .technicalSupport li {width: calc(50% - 10px);}
  .contact .technicalSupport li:nth-child(2n) {margin-right: 0;}
  .contact .technicalSupport li:nth-last-child(1) {width: 100%; margin-right: 0;}
  .owl-carousel .container {padding: 0 50px !important; margin-top: 20px; font-size: 12px;}
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {width: 40px;}
  .owl-carousel .owl-slide,
  .no-js .owl-carousel, .owl-carousel.owl-loaded {min-height: auto; height: 400px;}
  .owl-theme .owl-dots, .owl-theme .owl-nav {bottom: 0 !important;}
  .team > ul li {width: 50%; margin-bottom: 15px;}
  .licOpt table td li {height: 46px; padding: 5px 0; line-height: 16px;}
  .licOpt table th strong {height: 43px; font-size: 0.4em !important;}
  .licOpt.column3 table tr td:nth-last-child(-n+3) {width: 5%; padding: 0 0.5px;}
  .licList li .text {display: block; float: none; width: auto;}
  .licList li .btns {float: none; width: 100%; margin: 30px 0 0;}
  .licList li .btns span {float: left; width: calc(50% - 5px); margin: 0 !important;}
  .licList li .btns span:last-child {float: right;}
  .owl-carousel .slider1:before, .owl-carousel .slider2:before, .owl-carousel .slider3:before {background-position: right -320px bottom -100px;}
  .owl-carousel .owl-slide-text {width: 60%;}
  .owl-carousel .store a {width: 120px; height: 40px; margin-right: 10px;}
  .owl-theme .owl-dots, .owl-theme .owl-nav {bottom: -60px !important;}
  .owl-carousel .slider1 .video {top: 22px;}
  .colcarou .colcarou-item > span {width: 300px !important;}
}

@media screen and (max-width: 730px) {
  .colcarou > div {position: relative; padding-left: 70px; margin-bottom: 30px;}
  .colcarou > div img {float: left; margin-right: 25px; width: 180px !important;}
  .colcarou > div > span {display: block;}
  .colcarou > div > span > span {display: table; height: 361px;}
  .colcarou > div > span > span span {display: table-cell; vertical-align: middle;}
  .head {margin-bottom: 30px;}
  .all.comment > ul > li {width: 49%; height: 251px;}
  .all.comment > ul > li:nth-child(even) {float: right;}
  section#projects {padding-bottom: 0; padding-top: 30px;}
}

@media screen and (max-width: 670px) {
  .row2 li,
  .partners2 li,
  .all > ul > li,
  .all.comment > ul > li {width: 100%; float: left !important; display: block; height: auto !important;}
}

@media screen and (max-width: 600px) {
  .owl-carousel h2.owl-slide-title {font-size: 2em;}
  .owl-carousel div.owl-slide-subtitle {font-size: 1.3em;}
  .references li {width: 100%; margin: 0;}
  .contentP .bottom p {margin-bottom: 20px;}
  .contentP .bottom p,
  .contentP .bottom a.btnGrey {float: none; width: 100%;}
  .btnYlw {width: 100%;}
  .address .slick-initialized .slick-slide {width: 100% !important;}
  .address .slick-initialized .slick-slide br {display: none;}
  footer .top .left,
  footer .bottom .corporate {margin-bottom: 15px !important;}
  footer .top .left,
  footer .top .right,
  footer .top .right nav,
  footer .top .right nav ul,
  footer .bottom .corporate,
  footer .bottom .social,
  footer .social ul {float: none; width: 100%; text-align: center; margin: 0;}
  footer .top .right nav li,
  footer .social li {float: none; display: inline;}
  footer .social li a {display: inline-block;}
  footer .social span {text-align: center;}
  #banka .popupIn {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
  #banka .contentPop {position: absolute; left: 15px; width: calc(100% - 30px); margin: 0; top: 15px; height: calc(100% - 30px); display: block;}
  #banka .contentPop .content {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: auto; padding: 20px 10px;}
  #banka .contentPop .content p em,
  #banka .contentPop .content p span,
  #banka .contentPop .content p strong {padding: 0 3px; float: none; display: inline;}
  #banka .contentPop .content p em {float: none; display: block; text-align: left; margin-bottom: 10px;}
  #banka .contentPop .content p em:before {content: ""; font-size:0; line-height:0; display:block; clear:both; height:0;}
  .owl-carousel .slider1:before, .owl-carousel .slider2:before, .owl-carousel .slider3:before {background-position: right -367px bottom -105px;}
  .owl-carousel .slider1 .video {right: 39px;}
}

@media screen and (max-width: 520px) {
  .owl-carousel .owl-slide,
  .no-js .owl-carousel, .owl-carousel.owl-loaded {min-height: auto; height: 300px;}
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {bottom: calc(50% - 112px);}
  .owl-carousel .slider1:before, .owl-carousel .slider2:before, .owl-carousel .slider3:before {background-size: 700px; background-position: right -207px bottom -24px;}
  .owl-carousel .slider1 .video {width: 97px; right: 30px; top: 45px;}
  .phoneTop {width: 105px;background-size: 100%;height: 28px;background-repeat: no-repeat;left: -5px;top: -5px;}
  .phoneBottom {width: 106px;background-size: 100%;height: 20px;left: -5px;bottom: -4px;}
  .finger {width: 34px;height: 65px;background-size: 100%;left: -23px;top: 122px;}
  .owl-carousel .owl-slide-text {width: 75%; position: relative; z-index: 10;}
  .owl-carousel .store a {width: 80px; height: 27px; margin-right: 5px;}
  .owl-carousel .col-md-6 {padding: 0;}
}

@media screen and (max-width: 445px) {
  .colcarou h1.number {width: 28px; height: 28px; top: calc(50% - 14px); line-height: 28px; font-size: 1.113em;}
  .colcarou > div img {width: 100px !important; margin-right: 15px;}
  .colcarou > div > span > span {height: 201px;}
  .colcarou > div {padding-left: 45px;}
  .colcarou h1.number:before {left: 33px; width: 100px !important;}
  .container,
  section div.borderS {padding: 0 10px !important;}
  section#services {padding: 30px 0 0;}
  .fark li {width: 100%;}
}

@media screen and (max-width: 415px) {
  .contact > .in .right {padding: 20px 20px 15px;}
  .contentP .image,
  .contentP .txt {float: none; width: 100%; margin-bottom: 15px;}
  .owl-carousel .container {font-size: 11px;}
  .navbar .container {padding: 0 !important;}
  .contact .maps .address .top {padding: 10px; width: 300px; right: auto; left: 10px;}
  .owl-carousel .slider1:before,
  .owl-carousel .slider2:before,
  .owl-carousel .slider3:before {background-size: 540px; background-position: right -165px bottom 15px;}
  .phoneTop {width: calc(100% + 8px); left: -4px; top: -3px;}
  .phoneBottom {height: 15px; left: -4px; bottom: -3px; width: calc(100% + 8px);}
  .finger {width: 35.1%; height: 51px; left: -19px; top: 93px;}
  .owl-carousel .slider1 .video {width: 74px; right: 18px; top: 70px;}
}

@media screen and (max-width: 410px) {
  .licOpt table td li {height: 60px;}
}

@media screen and (max-width: 380px) {
  .container,
  section div.borderS {padding: 0 15px !important;}
  .team > ul li {width: 100%;}
  .row24 li img {width: 100px;}
  .slick-initialized .slick-slide {overflow: hidden;}
  .navbar-toggler {width: 46px;}
  .owl-theme .owl-dots, .owl-theme .owl-nav {bottom: -75px !important;}
  .owl-carousel .container {padding: 0 35px !important;}
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {width: 25px;}
  .owl-carousel .container {font-size: 10px;}
  .container, section div.borderS {padding: 0 10px !important;}
}

@media screen and (max-width: 320px) {
  .owl-carousel .slider1:before,
  .owl-carousel .slider2:before,
  .owl-carousel .slider3:before {background-size: 540px; background-position: right -175px bottom 15px;}
  .owl-carousel .slider1 .video {width: 74px; right: 8px; top: 70px;}
}