/*#boxes .readmore { min-width: 220px;}
.navbar-default .navbar-brand { display: none;}

@media all and (max-width: 1600px){

}
@media all and (max-width: 1400px){
    #myCarousel2 img { height: 180px !important; max-width: none; position: relative; left: 50%;
      -webkit-transform: translate(-50%,0);
          -ms-transform: translate(-50%,0);
              transform: translate(-50%,0);    
    }
    #view10 {background-color: #46352D}
}
@media all and (max-width: 1000px){
    #boxes .box { width: 100%; margin-left: 0; margin-right: 0;}
    #boxes .box_img { background-color: #333;}
}
@media all and (max-width: 880px){
    #all3 #kafle .item {width: 50%}
    #szkolenia-podk .item { width: 50%;}
    #view14 .item { width: 100%;}
}
@media all and (max-width: 800px){
    #all-projects #projects table { display: block; padding: 20px 0;}
    #all-projects #projects table td { display: block; padding: 8px 15px;}
    #customtop > div.image > img {
        height: 200px !important; max-width: none;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media all and (max-width: 767px){
    #all1 #logo { margin-left: 10px;}
    #all3 #ct { float: none; padding-top: 1px; padding-bottom: 40px}
    #all4 .col-sm-6 { text-align: center;}
    .dropdown-menu > li > a {text-align: left}
    .formdiv .foto {width: 33.3333%}
    #kont2 #fzc, #kont2 #fzd { padding-right: 0;}
    #kont2 #fzd { padding-left: 0;}
    #menu {padding: 0}
    .navbar-default .navbar-nav {margin: 0}
    .navbar-default .navbar-nav > li > a { border: none;}
    #view17 #kont2 .row.l2 > div {padding: 0}
}
@media all and (max-width: 680px){
    #all-projects { position: static; min-height: 43px; background-color: #D93B16;}
    .formdiv2 .foto {width: 50%}
}
@media all and (max-width: 600px){
    #all3 #kafle .item {width: 100%}
    #szkolenia-podk .item { width: 100%;}
}
@media all and (max-width: 480px){
    #all1 { position: relative;}
    #all1 .col-sm-10, #all1 .col-sm-10 .col-md-12 { position: static;}
    #all3 #kafle .item {padding-left: 0; padding-right: 0}
    #boxes { padding: 0;}
    #customtop > div.text > div, #myCarousel2 div.carousel-caption {font-size: 28px}
    #customtop > div.text > div strong, #myCarousel2 div.carousel-caption strong {font-size: 38px}
    .dropdown-menu > li > a {text-align: center}
    .formdiv .foto {width: 50%}
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding-left: 15px; padding-right: 15px}
    #menu {background-color: #F5F5ED; right: 0; box-shadow: 0 2px 2px rgba(0,0,0,0.1); padding-bottom: 10px; position: absolute; top: 100%; width: 100%;}
    #myCarousel3 .item { width: 50%;}
    .navbar { position: static;}
    .navbar-default .navbar-nav { float: none !important; text-align: center;}
    #view17 #kont2 .row.l2 > div > .send-copy, #view17 #kont2 .row.l2 > div > .go2 { margin-left: 0;}
}
@media all and (max-width: 440px){
    #szkolenia-podk .item {padding-left: 0; padding-right: 0}
}
@media all and (max-width: 400px){
    .formdiv2 .foto {width: 100%}
}*/

@media all and (max-width: 767px){
    #all3 #ct { float: none; padding-top: 1px; padding-bottom: 40px}
}
@media all and (max-width: 520px){
    #top > div > div { width: 100%; text-align: center;}
}

@media all and (max-width: 360px){
    #form-sp { background-color: #CAFF11; border: 5px solid #9BC40D; background-image: none; border-radius: 5px;}
    #form-sp::before { display: none;}
    #form-sp .nav-tabs { position: static; margin: 0 -25px; background-image: none; background-color: #9BC40D;}
}