@media all and (max-height: 690px){
    .landing .page_banner_bottom .scroll_downbtn {display: none;}
    .formpop .close-formpop, .formpop2 .close-formpop, .formpop3 .close-formpop {background-image: url('../../img/olicom/close.png'); background-color: #f8d144 !important; background-position: center center; background-repeat: no-repeat; width: 30px;height: 30px; position: absolute; z-index: 10000; right: 0; top: 0; cursor: pointer; background-size: 20px; padding: 5px; box-sizing: border-box;}
    .formpop, .formpop2, .formpop3 {overflow-y: auto; max-height: 350px;}
    #rc-imageselect, .g-recaptcha > div {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    #recaptcha_response_field
    {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {

        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        height: auto !important;
    }
}
@media all and (max-height: 480px){
    .landing .page_banner_bottom .scroll_downbtn {display: none;}

}
@media all and (max-height: 500px){
    .landing .page_banner_bottom .scroll_downbtn {display: none;}
    .common-landing #page_banner .page_banner_img, #page_banner .page_banner_img {padding-top: 5px;}
    .landing #page_banner .page_banner_img {height: 35vh;}
    html {font-size: 14px;}
    .landing #page_banner .page_banner_text {padding-top: 5px;}
    .landing #page_banner .page_banner_text h2 {font-size: 1.2rem; padding: 0; margin: 0;}
    .landing #page_banner .page_banner_text h3 {font-size: 1.2rem; padding: 0; margin: 0;}
    .common-landing .s-dev .s-imgbox, .s-dev .s-imgbox {padding-right: 15%; padding-left: 15%;}
    .common-landing .s-dev .s-imgbox img, .s-dev .s-imgbox img {max-height: 250px; margin-top: 80px;}
    .landing .page_banner_bottom {display: none;}
}
@media all and (max-width:1489px){
    .client-area .slick-prev {left: -65px;}
    .client-area .slick-next {right: -65px;}
    .client-content, .client-area {width: 850px;}
    .sections[data-sname="produkty"] .newslist-box h4 {font-size: 36px;}
    .blog-img {width: 260px; height: 230px;}
    .blog-content {height: auto;width: calc(100% - 260px); padding-left: 15px; padding-top: 15px;}
    .blog-content .blog_short_description {display: none;}
    .news_short_description {font-size: 12px;}
}
@media all and (max-width:1340px){
    .app_page  .container {width: 970px;}
}

@media all and (max-width:1199px){
    #header .top-link a {height: 60px; line-height: 60px;}
    #header .top-link a::after {opacity: 0;}
    .hamburger {top: 14px;}
    #olicom_logo{display:inline-block;}
    .jsgif,#olicom_logo_animation{display:none !important;}
    #header {width: 100%; background: none; height: auto; z-index: 999;}
    #nav {width: 200px !important;}
    .slimScrollDiv {position: relative; left: -210px; width: 200px !important; background-color: #fff; transition: 0.3s; -webkit-transition: 0.3s; box-shadow: 1px 1px 10px #595757; height: auto !important; position: absolute !important;}
    #header .top-link a img {height: 50px;}
    .hamburger {display: block;}
    .blog-rss {display: none}
    #container {margin-left: 0;}
    .sections[data-sname="produkty"] .newslist-box h4 {font-size: 30px;}
    .news_short_description {font-size: 14px;}
    #nav ul li {font-size: 3vh;}
    .centerinfo strong {width: 44px;}
    .contactDIV span {width: 48px !important;}
    .client-area .slick-prev, .client-area .slick-next {top: auto; bottom: -33px;}
    .landing .client-area .slick-prev, .landing .client-area .slick-next {top: auto; bottom: 0px;}
    .client-area .slick-prev {left: 20%;}
    .client-area .slick-next {right: 20%;}
    .client-content, .client-area {height: auto; max-width: 100%; padding: 25px 20px; margin-bottom: 15px;}
    .blog-content .blog_short_description {font-size: 14px;}
    .page404 .content404 .oopsText {font-size: 28px;}
    .popup-msg {left: 0;}
    #olicom_logo {padding: 5px 0;}
    .olicom_logo {fill: #fff;}
    .appslider .slick-prev {left: -15px;}
    .appslider .slick-next {right: -15px;}
    .appslider .slick-slider {padding: 0 100px;}
    .section.app-section .shortsection.s7 {background-position: 0 0;}
    .appslider .slick-prev {left: -15px;}
    .appslider .slick-next {right: -15px;}
    .appslider .slick-slider {padding: 0 100px;}
}
@media all and (max-width:1300px){
    .projektowanie .s6 .s-dev img.sm-img-2-zd{height:200px;}
}
@media all and (max-width:1300px){
    .projektowanie .s6 .s-dev img.sm-img-2-zd{height:200px;}
}
@media all and (max-width:991px){
    .bloglist-wrap {width: 100%;}
    .olicom2 {padding-left: 0;}
    .landing .s9 input[type="text"] {height: 40px;}
    .common-landing .shortsection .container-fluid {padding-top: 0;}
    .common-landing .section_wrap .s7 {position: relative;}
    .common-landing .section_wrap .s7 .container-fluid .text-container {position: absolute; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px;}
    .shortsection .container-fluid {padding-top: 0;}
    .section_wrap .s7 {position: relative;}
    .section_wrap .s7 .container-fluid .text-container {position: absolute; top: 50%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px;}
    #main_content .s-dev {position: relative; left: 0;}
    .landing .s9 input[type="text"] {height: 50px; margin-bottom: 15px;}
    .landing .s9 input[type="submit"] {height: 50px;}
    .common-landing .s-text {padding: 0 15px;}
    .contact-form ul {padding: 30px 0;}
    .strony_www .s2 .s-head {padding: 15px;}
    .news_more {display: none;}
    .news-img {text-align: center;}
    .news-img img {position: static; transform: none; -webkit-transform: none; width: 60%; padding-top: 10px;}
    .Programy .news-img img {width: 40%;}
    .blog-content .blog_short_description {display: block;}
    .news-content {position: static; transform: none; -webkit-transform: none;}
    .title::after {font-size: 8rem;}
    .page_content_text .col-md-6 {margin-bottom: 30px;}
    .news-img {float: none;}
    .page404 .content404 {font-size: 20px;}
    .section[data-sname="top"] {height: auto; min-height: auto;}
    .section[data-sname="top"] .section-wrap {height: auto; min-height: auto;}
    .default-slider {height: auto;}
    .landing2.app_page h2.app-lbar,  .ps2 .app_section h3 {font-size: 2rem}
    .app_page .s-head {padding-bottom: 50px}
    .section.app-section .shortsection.s7 {background-position: -15% 0%;
                                           background-size: cover }
    .app_page  .container {width: 750px;}
}
@media only screen and (max-width: 825px) {
    .application .wp3 input {margin-bottom:10px !important;}
    .application .wp1 .wp-list p {font-size:18px;}
    .application .q-mark, .wppage .wp3 h2, .wppage .screenico,.wppage .contactico {font-size:25px;}
    .application .wp2 .wp-boxes h4 {font-size: 25px;}
    .application .wp2 .wp-boxes p {font-size:18px;}
    .application .box-right .wp-boxes-text{padding-right: 20px;}
    .application .box-left .wp-boxes-text{padding-left:20px;}
    .application .wp3 h3 {font-size:22px;}
    .application .wp5 h3 {font-size:18px;}
    .application .wp5 h4 {font-size:16px;}
    .application .wp5 .contact-form {background-size: contain !important;}
    .application .container{padding: 0px 15px; box-sizing: border-box;}
    .appslider h3 {font-size:30px;}
    .appslider h2{font-size: 45px;}
    .section.app-section .shortsection.s7 {background-position: -5% 0%;
                                           background-size: cover;}
    .subsection.s10:after {background: url('../../img/landing/contact-left.png') no-repeat 0 5%; }
}
@media all and (max-width:767px){ 

    html {font-size: 14px;}
    .landing .s10 h3 {padding: 0 15px;}
    .small_boxes .small_box {max-width: 300px; margin: auto; float: none;}
    .sections .section-wrap {padding: 10px 40px 25px;}
    .contact-form ul {padding-left: 0;}
    .client-area .slick-slide img {margin: auto; width: 230px;}
    .text-cont {height: auto;}
    .client-desc {position: relative; top: auto; padding: 15px 0; text-align: justify;}
    .blog_more {position: static; text-align: center;}
    .blog-author {font-size: 14px;}
    .blog-content .text-title h4 {font-size: 18px;}
    .section[data-sname="top"] {display: none;}
    #container {padding-top: 50px;}
    .landing #page_banner .page_banner_text h4 {font-size: 16px; white-space: normal;}
    .landing .page_banner_bottom h4 {font-size: 12px;}
    .s-head {width: 100%;}
    .s-dev {width: 100%;}
    .landing2 .s-text {font-size: 18px; line-height: 24px;}
    .landing2 h2.l_bar {font-size: 20px;}
    .landing .s-head {padding-bottom: 40px;}
    .landing .s-list p {font-size: 15px; line-height: 20px; margin-bottom: 20px; padding-left: 36px;}
    .landing .s9 h2 {font-size: 26px;}
    .landing .s9 h2 {font-size: 20px;}
    .landing .s10 h2 {font-size: 20px;}
    .landing .s10 h3 {font-size: 18px;}
    .landing .s10 h4 {font-size: 16px;}
    .landing .s10 #contact-form label {font-size: 14px;}
    .landing .s10 #contact-form input[type="text"], .landing .s10 #contact-form input[type="email"] {min-height: 40px;}
    .common-landing h2.l_bar {font-size: 24px;}
    .common-landing .s-text {line-height: 28px; font-size: 18px; width: 100%;}
    .s-text {line-height: 28px; font-size: 18px; width: 100%;}
    .common-landing .section_wrap .s7 .container-fluid .text-container h2 {font-size: 30px;}
    .section_wrap .s7 .container-fluid .text-container h2 {font-size: 30px;}
    #main_content .s9 h3 {font-size: 20px;}
    #main_content .s-head {position: relative; left: 0;}
    .color_title {font-size: 50px}
    .p_title {font-size: 50px}
    .portfolio_slider .slick-next {width: 33.333333%;}
    .portfolio_slider_wrapper {padding-right: 25%}
    .portfolio .slick-active > div:nth-of-type(2) a:nth-of-type(1) .portfolio_bg {background-color: #006BB0;}
    .portfolio .slick-active > div:nth-of-type(2) a:nth-of-type(2) .portfolio_bg {background-color: #F8D144;}
    .portfolio .slick-active > div:nth-of-type(3) a:nth-of-type(1) .portfolio_bg {background-color: #FF822D;}
    .common-landing .section_wrap .s7 .container-fluid .text-container h3 {width: 100%;}
    .section_wrap .s7 .container-fluid .text-container h3 {width: 100%;}
    .landing .section .container-fluid {padding: 0 15px;}
    .strony_www .s6 .s-head {padding-left: 50px;}
    .blog-img {width: 100%; height: 230px;}
    .blog-img-wrap {width: 290px; height: 260px; margin: auto;}
    .blog-content {width: 100%; padding-left: 15px; padding-top: 15px;}
    #footer-boxes h4:before {left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    #footer-boxes {text-align: center;}
    .small_boxes .small_box {margin: 70px auto;}
    .small_boxes .hoverinfo::before {opacity: 1; display: none;}
    .small_boxes .small_box .box-content {display: block;}
    .small_boxes .hoverinfo .title-wrapper {top: -5px;}
    .small_boxes .hoverinfo .box-content {text-align: justify;}
    .small_boxes .hoverinfo:hover .box-content {left: auto; right: auto; top: auto; margin: auto; position: static;}
    .small_boxes .small_box .small_boxes_img img {max-width: 100px;}
    .olicom1, .oferta1, .oferta2, .oferta3, .produkt, .newslet {padding-left: 15px;}
    .page404:after {background-size: 80%;}

    .popup-msg > div {margin:0px 10px;}
    .close-msg {top:-84px;right:0px}
    .landing #page_banner .page_banner_text h2, .fadeinreal {animation: fadeinreal 2.2s !important;white-space:normal !important}
    .fadeinreal {width:100% !important}
    .type{animation: fadeinreal 2.2s !important;white-space:normal !important}
    .topslide {display: block;}
    .small_boxes .small_box .box-content {display: block !important;}
    .small_boxes .small_box p {display: block !important;}
    .small_boxes .small_box a {display: block !important;}
    .portfolio_landing {margin: 0 15px;}
    .landing .s9 input[type="submit"] {display: block; margin: auto;}

    .home .bloglist-wrap{display: none; visibility: hidden;}
    .home .bloglist-wrap:first-child{display: block; visibility: visible;}
    .landing2.app_page h2.app-lbar {font-size: 3rem;}
    .landing2 .s-text.app-text, .app_page .app_section .app_txt p.appdesc {line-height: 2rem; font-size: 1.2rem;}
    .app_page .ps2 .app_section {   margin: 25px 0px;}
    .ps2 .app_section:nth-of-type(2n) {text-align: left}

    .page_banner_text {padding: 0 15px;}
    .banner-bg h2 {font-size: 25px;}
    .banner-bg-desc {line-height: 26px; font-size: 18px;}
    .appslider .slick-prev, .appslider .slick-next {display: none !important;}
    .appslider .slick-slider {padding: 0 30px;}
    .app_slide {font-size: 18px; margin: 15px 0;}
    .container {max-width: 100%;}
    .app_img, .app_txt {width: 100%; padding: 15px;}
    .app_section {margin: 40px 0;}
    .application .wp1 .wp-list p {font-size:16px;}
    .application .q-mark, .wppage .wp3 h2, .wppage .screenico,.wppage .contactico {font-size:20px; line-height: 45px; background-size: contain;}
    .application .wp2 .wp-box-img img {width:105px;}
    .application .wp2 .wp-box-img{width:105px; height:105px;}
    .application .wp1 .wp-dev img#wp_macbook {bottom:initial; top:10%;}
    .application .wp1 .wp-dev img#wp_ipad {bottom:initial; top:15%;}
    .application .wp1 .wp-dev img#wp_iphone {bottom:initial;top:35%;}
    .application .wp2 .wp-boxes h4 {font-size: 22px;}
    .application .wp2 .wp-boxes p {font-size:15px;}
    .application .box-right .wp-boxes-text{padding-right: 20px;}
    .application .box-left .wp-boxes-text{padding-left:20px;}
    .application .wp3 h3 {font-size:22px;}
    .application .wp5 h3 {font-size:18px; padding:0px 10px;}
    .application .wp5 h4 {font-size:16px; padding:0px 10px;}
    .application .wp3 input[type="text"] {display: block; margin:0px auto; margin-bottom:5px;}
    .application .wp2 .wp-head, .wppage .wp4 .wp-head {padding-top:25px;}
    .application .wp5 #contact-form ul {width:75%;}
    .application .wp5 #contact-form label {font-size:14px;}
    .application .wp5 .contact-form {background-size: contain !important;}
    .application .wp3 h3 {font-size:20px;}
    .application #page_banner .page_banner_text h2 {font-size:18px;}
    .application #page_banner .page_banner_text h3 {font-size:26px;}
    .application #page_banner .page_banner_text h4 {font-size:14px;}
    .appslider h3 {font-size:30px;}
    .appslider h2{font-size: 40px;}
    .application .app_section .app_txt:before{display:none;}
    .landing2 .start_anim_left .s-text.app-text, .landing2 .start_anim_left  h2.app-lbar {text-align: left;}
    .app_section.a_s5 .app_img {visibility: hidden; display: none;}
    .app_page .app_header {font-size: 1.5rem;}
    .section.app-section .shortsection.s7 {background-position: 0% 0%;
                                           background-size: cover;}
    .trusted-head {background: url(/olicom_2017/img/landing/trust.png) no-repeat 0px 50%; }
    .trusted-head:after { bottom: 0%; }
    .projektowanie .s6 .s-dev img.sm-img-2-zd{height:auto; float:none; text-align:center; }
    #footer-boxes.en_US .footer-box-1 {width: 100%;}
    #footer-boxes.en_US .footer-box-1 li {width: 100%; float: left;}
    #footer-boxes.en_US .footer-box-2 {width: 100%;}
    #footer-boxes.en_US .footer-box-2 .oferta1 {width: 100%;}
    #footer-boxes.en_US .footer-box-2 .oferta2 {width: 100%;}
    #footer-boxes.en_US .footer-box-2 .oferta3 {width: 100%;}

    .landing #page_banner .page_banner_text #s-mail {margin-bottom: 10px;}
    .landing #page_banner .page_banner_text form {width: 340px; max-width: 100%;}
    .landing #page_banner .page_banner_text #s-mail, .landing #page_banner .page_banner_text #s-phone {margin-left: 0;}
}
@media all and (max-width:480px){
    .trusted-head {background: url(/olicom_2017/img/landing/trust.png) no-repeat 10% 50%; }
    .sections .section-wrap {padding: 25px 30px;}
    .landing #page_banner .page_banner_text #s-mail {width: 230px;}
    .landing #page_banner .page_banner_text h4 {padding-bottom: 0;}
    .landing2 .s-text {width: 100%;}
    .landing .s9 input[type="text"] {width: 260px;}
    .color_title {font-size: 30px}
    .p_title {font-size: 30px;}
    .portfolio_slider .slick-next {width: 50%;}
    .portfolio_slider_wrapper {padding-right: 33.3333333%}
    .title::after {display: none;}
    .landing #page_banner .page_banner_text h2 {font-size: 1.5rem;}
    .landing #page_banner .page_banner_text h3 {font-size: 1.3rem;}
    .page_banner_bottom {display: none;}
    .contact-footer h4 {margin-bottom: 30px;}
    .page404 {height: 480px;}
    .page404:after {background-size: 50%;}
    .page404 .content404 .backHome {font-size: 24px;}
    .page404 .content404 {bottom: 45px;}
    .page404 .content404 .oopsText {font-size: 18px;}
    .small_boxes_content {font-size: 14px;}
    .sections[data-sname="produkty"] .newslist-box h4 {font-size: 22px;}
    .subsection.s10:after { z-index: -1;}
    .landing #page_banner .page_banner_text form  {width: 230px;}
    .formpop, .formpop2, .formpop3 {width: calc(100% - 20px); margin-top: 60px;}
    .formpop .send-btn {margin-bottom: 60px;}
    .landing .s10 .contact-form #contact-form input.send_btn {margin-bottom: 60px;}
}
@media all and (max-width:380px){
}
@media all and (max-width:350px){
}





@media all and (max-width:1570px){ 
    .appslider .slick-prev { left: -50px !important;}
    .appslider .slick-next {right:-20px;}
    .app_slide{width:47% !important; margin-left:30px;}
}

@media all and (max-width:1470px){ 
    .appslider .slick-prev { left: 0px !important;}
    .appslider .slick-next {right:-20px;}
    .app_slide{width:40% !important; margin-left:20px;}
}
@media all and (max-width:1340px){ 
    .appslider .slick-prev { left: -50px !important;}
    .appslider .slick-next {right: 0px;}
    .app_slide{width:40% !important; margin-left:20px;}
}
@media all and (max-width:1270px){ 
    .appslider .slick-prev { left: -20px !important;}
    .appslider .slick-next {right: 10px;}
    .app_slide{ margin-left:0px;}
}
@media all and (max-width:1198px){ 
    .app_slide{width:50% !important; margin-left:0px;}
}
@media all and (max-width:1020px){ 
    .appslider .slick-prev { left: 0px !important;}
    .appslider .slick-next {right: 10px;}
    .app_slide{width:50% !important; margin-left:0px;}
}

@media all and (max-width:991px){ 
    .appslider .slick-prev { left: -40px !important;}
    .appslider .slick-next {right: -50px;}
    .app_slide{width:90% !important; margin-left:20px;}
}

@media all and (max-width:825px){ 
    .appslider .slick-prev { left: -10px !important;}
    .appslider .slick-next {right: -20px;}
    .app_slide{width:90% !important; margin-left:20px;}
}