.page {
     margin: 0 auto;
     min-height:100%;
     min-width:326px;
      max-width:100%;



}
/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}





@media (min-width: 270px) and  (max-width: 489px) {
    .rmenuside { text-align:left ;  }
     .stopkamenu { width:80%; margin-left:10%; }
    .pl20srcmax {padding-left:0px;}
    .pr20srcmax {padding-right:0px;}
    #fullmenu {display:none}
    .textimage img { width:100%; height:auto}
.form1box {width:100%;  font-size:17px;  padding:13px; }
h1 {font-size:20px;}

.counter {right:4.5%; width:120px; min-width:120px;}
/* .main {    background:   url('/ankieta/images/bg.jpg') no-repeat top center ;  background-size: auto;} */


.quest , .qopt { font-size:16px; }
.mtr10 { margin-top:5% }
 .footer {padding-left:0;}

 #petycja { top: 200px; }
 .MainText {margin-top:2%; color:#fff; font-size:16px;}
 .bottomico { width:100%; bottom:170px}


  .xs-title   {  width:170px; background:#181E25; padding:12px; }
.xs-title h1 { font-size:13px;}
.form-box {width:100%;}

}






@media (min-width: 480px) and  (max-width: 789px){
    .rmenuside { text-align:left ;  }
    .index_slogan { font-size:95px;  }
   .stopkamenu { width:80%; margin-left:10%; }
   .pl20srcmax {padding-left:0px;}
   .pr20srcmax {padding-right:0px;}
   #fullmenu {display:none}
   .textimage img { width:100%; height:auto}
.form1box {width:100%;  padding:15px;  }


.counter {right:4.5%; min-width:170px;}

/* .main {   background:   url('/ankieta/images/bg.jpg') no-repeat top center ;  background-size: auto;} */


.quest, .qopt { font-size:17px; }

.mtr10 { margin-top:6% }
 #petycja { top: 100px; }
 .MainText {margin-top:2%; color:#fff; font-size:16px;}
  .bottomico { width:100%; bottom:140px}

.xs-title   {  width:220px; background:#181E25; padding:15px; padding-bottom:12px; padding-top:14px;}
.xs-title h1 { font-size:16px;}
.form-box {width:80%;}
}




@media (min-width: 789px)  {
.rmenuside { text-align:left ;  }
.stopkamenu { width:90%; margin-left:10%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:none}
.textimage img { width:auto; height:auto}
.form1box {  }

.bottomico {width:60%;  }
.counter {   right:4.3%; }
.main { }

.quest, .qopt { font-size:17px; }
.mtr10 { margin-top:7% }
 .MainText {margin-top:2%; color:#fff; font-size:19px;}
}

@media (min-width: 992px) {
.rmenuside { text-align:right ;  }
.stopkamenu { width:90%; margin-left:10%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:none}
.textimage img { width:auto; height:auto}
.form1box {   }

.bottomico {width:55%;  }
.counter {   right:4.3%; }

.main { }

.quest, .qopt { font-size:17px; }
.mtr10 { margin-top:7% }
 .MainText {margin-top:2%; color:#fff; font-size:19px;}
}

@media (min-width: 1200px) {
.rmenuside { text-align:right ;  }
.stopkamenu { width:70%; margin-left:15%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:none}
.textimage img { width:auto; height:auto}
.form1box { }

.bottomico {width:50%;  }
.counter {   right:4.3%; }
.main { }

.quest, .qopt { font-size:18px; }
.mtr10 { margin-top:7% }
 .MainText {margin-top:2%; color:#fff; font-size:19px;}
}


@media (min-width: 1300px) {
.rmenuside { text-align:right ;  }
.stopkamenu { width:50%; margin-left:25%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:block}
.textimage img { width:auto; height:auto}
.form1box {  }

.bottomico {width:45%;  }

.counter {   right:4.3%;   }

.quest, .qopt { font-size:20px; }
.mtr10 { margin-top:7% }
 .MainText {margin-top:2%; color:#fff; font-size:19px;}
}

@media (min-width: 1550px) {
.rmenuside { text-align:right ;  }
.stopkamenu { width:50%; margin-left:25%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:block}
.textimage img {  width:auto; max-width:100%; height:auto}
.form1box {  }

.bottomico {width:40%;  }
.quest, .qopt { font-size:20px; }

.counter {    right:4.3%; }

.mtr10 { margin-top:8% }

  .MainText {margin-top:2%; color:#fff; font-size:19px;}
}



@media (min-width: 1650px) {
.rmenuside { text-align:right ;  }
.stopkamenu { width:50%; margin-left:25%; }
.pl20srcmax {padding-left:20px;}
.pr20srcmax {padding-right:20px;}
#fullmenu {display:block}
.textimage img {  width:auto; max-width:100%; height:auto}
.form1box { }

.bottomico {width:37%;  }

.quest, .qopt { font-size:24px; }

.counter {  ; right:4.3%; }

.mtr10 { margin-top:8% }

  .MainText {margin-top:2%; color:#fff; font-size:19px;}
}