/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) 
{
    .col-2-lg { width: 100%; }
}

@media only screen and (max-width : 1199px) 
{
    .wapi-navbar.navbar .navbar-header img { width: auto; max-height: 50px;}
    .offer-image img { float:none; }
    #offer-top-bubble-container { margin-top: -15.1rem; }
    .why-offer-list ol { -moz-column-count: 1; -moz-column-gap: 0;
  -webkit-column-count: 1; -webkit-column-gap: 0;
  column-count: 1; column-gap: 0; }

    .row-responsive .work-in-progress-container .rotor { right: 34%; }
    .row-responsive .work-in-progress-container .circle-ly-2 { right: 33.45%; }
    .row-responsive .work-in-progress-container .circle-ly-3 { right: 31.9%; }
    .row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 34%; }

    body.cennik-page .pakiet-cen .row.shorter-bookmark-row { margin-left: -19px!important; margin-right: 0!important; }
}

@media only screen and (min-width : 992px)
{
    .subpage-view .article-row .col-auto { width: 25%; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) 
{
    #banner-bubble-container { margin-top: 38px; }
    .wapi-navbar-subpage #banner-bubble-container { display: none; }

    .wapi-navbar { height: 152px;}
    .wapi-navbar .navbar-brand { padding-top: 50px; }
    .wapi-navbar .navbar-nav { margin-top: 45px; }
    .mp-banner .buttons { padding-top: 7.7rem; }

    .wapi-multimenu { width:100%; }

    body { background-color:#12151B; background-image: none; }
    /*
    .wapi-navbar.navbar .navbar-header img { width: auto; max-height: 30px;}
    .wapi-navbar .navbar-nav { margin-top: 25px; }
    */
    #navbar { display:none!important; }
    .wapi-navbar.navbar .navbar-header .navbar-toggle { display:block!important; float: right; }
    body.mainpage-view > .container { padding-top: 415px!important; }
    body.subpage-view > .container { padding-top: 150px!important; }
    body.mainpage-view.shrink-active > .container { padding-top: 15px!important; }
    body.subpage-view.shrink-active > .container { padding-top: 100px!important; }

    body.subpage-view.contact-page > .container { padding-top: 10px!important; }
    body.mainpage-view.contact-page.shrink-active > .container { padding-top: 15px!important; }

    .wapi-navbar-mainpage { height: 330px; }
    .wapi-navbar-subpage { height: 150px; }

    .row-responsive .work-in-progress-container .rotor { right: 34%; }
    .row-responsive .work-in-progress-container .circle-ly-2 { right: 33.3%; }
    .row-responsive .work-in-progress-container .circle-ly-3 { right: 31.3%; }
    .row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 33%; }

    .row-responsive .text-after-rotor > div div:nth-child(2) { padding-top: 24px; }
    .row-responsive .text-after-rotor > div div:nth-child(3) { padding-top: 4px; }
    .row-responsive .text-after-rotor > div div:nth-child(2) h3 { font-size: 3rem; }
    .row-responsive .text-after-rotor > div div:nth-child(2) h6 { font-size: 1.55rem; }

    body.subpage-view #responsive-nav + .container, body.subpage-view #responsive-nav + .container-fluid { padding-top: 180px!important; }
    body.subpage-view.shrink-active #responsive-nav + .container, body.subpage-view.shrink-active #responsive-nav + .container-fluid { padding-top: 150px!important; }

    body.subpage-view.contact-page #responsive-nav + .container, body.subpage-view.contact-page #responsive-nav + .container-fluid { padding-top: 150px!important; }

    body.cennik-page .pakiet-cen .row.shorter-bookmark-row { margin-left: -19px!important; margin-right: 0!important; }

    .col-2-lg { width: 100%; }

    body.subpage-view.login-page .main-bg { background: none; }
}

@media only screen and (max-width : 991px)
{
    /* CENNIK PAGE : START */
    body.cennik-page .pakiet-cen {  }
    body.cennik-page .pakiet-cen .row .left-bookmark {  }
    body.cennik-page .pakiet-cen .row:first-child .left-bookmark { min-height: 129px; padding-top: 28px; padding-bottom:0; border-radius: 0; border: none; border-top-left-radius: 15px; border-top-right-radius: 15px; }
    body.cennik-page .pakiet-cen .row:first-child .left-bookmark h3 { text-align: center; }
    body.cennik-page .pakiet-cen .row .left-bookmark.shorter h3 { font-size: 3rem; }
    body.cennik-page .pakiet-cen .row:first-child .right-bookmark { border-radius: 0; padding-top: 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
    body.cennik-page .pakiet-cen .row:first-child .right-bookmark p { margin-left: 0; margin-top: 0; padding-left: 0; padding-bottom: 20px; }
    body.cennik-page .pakiet-cen .row:first-child .right-bookmark p + hr { display: none; }
    body.cennik-page .pakiet-cen .row.shorter-bookmark-row { padding-left: 19px;  padding-right: 0px; }
    body.cennik-page .pakiet-cen .row .right-bookmark .row { padding-left: 0; }
    body.cennik-page .pakiet-cen .row .left-bookmark.shorter { text-align: center; height: 60px; padding-top: 10px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
    body.cennik-page .pakiet-cen .row .right-bookmark { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
    body.cennik-page .pakiet-cen .row .left-bookmark { border: none; border-radius: 0; }
    body.cennik-page .pakiet-cen .row .right-bookmark .col-md-5 { text-align: center;  padding: 0; }
    body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb:hover a img { margin-left: 20px; }
    body.cennik-page .pakiet-cen .row .right-bookmark .desc h3 { color: #ED234F;font-size: 1.7rem; margin-top: 0; }
    body.cennik-page .pakiet-cen .row .right-bookmark .button-shiny { width: 100%; margin-bottom: -7px;  border-radius: 15px;  border-top-left-radius: 0;  border-top-right-radius: 0; }
    body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child.bbb-active .right-bookmark .bbb { margin-top: -9px; }
    body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child.bbb-active .button-shiny {border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }
    .cennik-plan-1-headings h1, .cennik-plan-1-headings h3 { text-align: center!important; }
    .cennik-plan-1-container .br { border: none; }
    /* CENNIK PAGE : END */

    .pelny-cennik-container { overflow-x: scroll; }
    .pelny-cennik-container table { min-width: 1200px; }
    .pelny-cennik-container.special { overflow-x: visible; }
    .pelny-cennik-container.special table { min-width: inherit; }

    body.mainpage-view #responsive-nav + .container { padding-top: 380px!important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) 
{
    #banner-bubble-container { margin-top: 38px; }
    .mp-banner .buttons { padding-top: 3rem; }
    .wapi-navbar.navbar .navbar-header img { width: auto; max-height: 59px;}
    .wapi-navbar.navbar .navbar-header { margin-left: 2rem; }
    body.mainpage-view .documentation-container { padding-left: 20px; padding-right: 20px; }
    .mp-banner { margin-top: 3.9rem; padding-top:0; }
    .products-row > .col-lg-8:nth-child(2) { padding-left: 15px; }
    .products-row > .col-lg-8:nth-child(1) { padding-right: 15px; }
    .clock-time-digits { font-size: 8rem!important; }
    .offer-row .offer-text { padding-left: 15px; }
    .why-offer-list ol li span { width: 60%; }
    .why-offer-list ol li:nth-child(10) span { width: 55%; }

    .baloon { background-color: #1B212D; background-image: none; width: auto!important; margin-left: 0!important; }
    .baloon .inputs-container .button-shiny { font-size: 2rem!important; margin-top: 2rem!important; padding: 0.8em 1rem 1em!important; width: 120px!important; }
    .baloon .inputs-container .inp-1 p { font-size: 1.1rem; }
    .programmer-offer-row .col-lg-9 { padding-left: 0px; margin-right: 15px; padding-right: 0px; }
    .programmer-offer-row .baloon .inputs-container .inp-1, .programmer-offer-row .baloon .inputs-container .inp-2 { width: 50%; }
    .programmer-offer-row .baloon .inputs-container .inp-1 { padding-left: 0; }
    .programmer-offer-row .baloon .inputs-container .inp-2 { padding-left: 0; }
    .programmer-offer-row .baloon .inputs-container input[type="text"] { width: 96%; }

    .col-2-lg { width: 100%; }
}

@media only screen and (max-width : 767px)
{
    .subpage-view .article-row .article-short-container .article-image { position: relative; }
    .subpage-view .article-row .article-short-container .article-image img { width: 100%!important; }
    .subpage-view .article-row .article-short-container .article-image:after { bottom:0; top: auto; }


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) 
{
    #banner-bubble-container { margin-top: 38px; }
    .documentation-container table.zebra td, .documentation-container table.zebra th { font-size: 1.3rem; padding-left: 0!important; padding-right:0!important; }
    body.mainpage-view .documentation-container { padding-left: 20px; padding-right: 20px; }
    .clock-time-digits { font-size: 5rem!important; }
    .clock-time-digits span { padding: 0 1.2rem; }
    .why-offer-list ol li span { width: 50%; }
    .why-offer-list ol li:nth-child(10) span { width: 45%; }

    .row-responsive .work-in-progress-container .rotor { right: 24%; }
    .row-responsive .work-in-progress-container .circle-ly-2 { right: 23%; }
    .row-responsive .work-in-progress-container .circle-ly-3 { right: 20%; }
    .row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 23%; }

    table.responsive-mode tr td { padding-top: 40px; }
    table.responsive-mode tr:first-child td { padding-top: 0; }

    .col-2-lg { width: 100%; }
}

@media only screen and (max-width : 375px) 
{
    .wapi-navbar.navbar .navbar-header .navbar-toggle { margin-right:35px; }
    body.mainpage-view .documentation-container { padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width : 368px) 
{
    #banner-bubble-container { display:none; }
    .mp-banner .buttons > a + a { margin-top: 1rem; margin-left:0; }

    .clock-time-digits { font-size: 3.4rem!important; }
    .clock-time-digits span { padding: 0 1rem; }

    .row-responsive .work-in-progress-container .rotor { right: 17.5%; }
    .row-responsive .work-in-progress-container .circle-ly-2 { right: 16%; }
    .row-responsive .work-in-progress-container .circle-ly-3 { right: 12%; }
    .row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 16%; }


}

@media only screen and (max-width : 356px) 
{
    .wapi-navbar.navbar .navbar-header img { width: auto; max-height: 40px;}
    .row-responsive .text-after-rotor > div div:nth-child(2) h3 { font-size: 2.5rem; }
    .row-responsive .text-after-rotor > div div:nth-child(2) h6 { font-size: 1.25rem; }
}

@media screen and (max-height: 450px) 
{
    .overlay a {font-size: 20px}
    .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) 
{
    .clock-time-digits { font-size: 3rem!important; }
    .clock-time-digits span { padding: 0 1rem; }

    .row-responsive .work-in-progress-container .rotor { right: 12%; }
    .row-responsive .work-in-progress-container .circle-ly-2 { right: 10.3%; }
    .row-responsive .work-in-progress-container .circle-ly-3 { right: 5.5%; }
    .row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 11%; }

    table.responsive-mode tr { margin-bottom: 50px; }

}