@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
.pakiet1, .pakiet2, .pakiet3 {
width: 95%;
margin-left: 0%;
margin-right: 1%;
padding-left: 2%;
padding-right: 2%;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
border-radius: 15px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
}
}

@media only screen 
and (min-width : 0px) 
and (max-width : 600px) {

#boxes figure {
width: 96%;
float: left; 
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1%;
padding-right: 1%;
height: auto !important;
}

#cssmenu {
    width: 90% !important;
}}
@media only screen 
and (min-width : 601px) 
and (max-width : 960px) {
#boxes figure {
width: 46%;
margin-left: 1%;
margin-right: 1%;
float: left; 
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1%;
padding-right: 1%;}   
}
@media only screen 
and (min-width : 320px) 
and (max-width : 380px) {
}
@media only screen 
and (min-width : 381px) 
and (max-width : 480px) {

}
@media only screen 
and (min-width : 0px) 
and (max-width : 660px) {
.left, .right, .center {
width: 100%;
margin-left:0px;
margin-right: 0px;}  
}
@media only screen 
and (min-width : 0px) 
and (max-width : 1100px) {
   .slider, header {
 border-bottom: solid 2px #00306a;
}  
header article {
background: -moz-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,31,57,1)), color-stop(25%, rgba(2,46,87,1)), color-stop(50%, rgba(7,73,135,1)), color-stop(75%, rgba(2,46,87,1)), color-stop(100%, rgba(0,31,57,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f39', endColorstr='#001F39',GradientType=1 ); /* ie6-9 */    
}
header {
width: 98%;
padding-left: 1%;
padding-right: 1%;
}


article {
   width: 100%;
   float: left; 
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
}   
}
@media only screen 
and (min-width : 0px) 
and (max-width : 900px) {

header {
   position: relative !important;
}
#cssmenu {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
#cssmenu {
	width: auto;
	float: right;
    top: 15px;
	height:auto;
   -webkit-box-shadow: 0px 7px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 7px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 7px 7px 0px rgba(50, 50, 50, 0.75);
		margin-right: 1%;
      
   
background: -moz-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,31,57,1)), color-stop(25%, rgba(2,46,87,1)), color-stop(50%, rgba(7,73,135,1)), color-stop(75%, rgba(2,46,87,1)), color-stop(100%, rgba(0,31,57,1)));
background: -webkit-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%);
background: linear-gradient(45deg, rgba(0,31,57,1) 0%, rgba(2,46,87,1) 25%, rgba(7,73,135,1) 50%, rgba(2,46,87,1) 75%, rgba(0,31,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f39', endColorstr='#001F39',GradientType=1 );


}
section {
    margin-top: 148px !important;
}
nav {
    width: 100%;}
nav ul li ul li {
    border: none !important;
    background: #005AC0 !important;
}
nav ul li ul {
 
    background: -moz-linear-gradient(0deg, rgba(0,85,163,1) 0%, rgba(0,85,163,1) 10%, rgba(0,119,230,1) 25%, rgba(0,85,163,1) 43%, rgba(0,85,163,1) 70%, rgba(0,119,230,1) 88%, rgba(0,85,163,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,85,163,1)), color-stop(10%, rgba(0,85,163,1)), color-stop(25%, rgba(0,119,230,1)), color-stop(43%, rgba(0,85,163,1)), color-stop(70%, rgba(0,85,163,1)), color-stop(88%, rgba(0,119,230,1)), color-stop(100%, rgba(0,85,163,1)));
background: -webkit-linear-gradient(0deg, rgba(0,85,163,1) 0%, rgba(0,85,163,1) 10%, rgba(0,119,230,1) 25%, rgba(0,85,163,1) 43%, rgba(0,85,163,1) 70%, rgba(0,119,230,1) 88%, rgba(0,85,163,1) 100%);
background: -o-linear-gradient(0deg, rgba(0,85,163,1) 0%, rgba(0,85,163,1) 10%, rgba(0,119,230,1) 25%, rgba(0,85,163,1) 43%, rgba(0,85,163,1) 70%, rgba(0,119,230,1) 88%, rgba(0,85,163,1) 100%);
background: -ms-linear-gradient(0deg, rgba(0,85,163,1) 0%, rgba(0,85,163,1) 10%, rgba(0,119,230,1) 25%, rgba(0,85,163,1) 43%, rgba(0,85,163,1) 70%, rgba(0,119,230,1) 88%, rgba(0,85,163,1) 100%);
background: linear-gradient(90deg, rgba(0,85,163,1) 0%, rgba(0,85,163,1) 10%, rgba(0,119,230,1) 25%, rgba(0,85,163,1) 43%, rgba(0,85,163,1) 70%, rgba(0,119,230,1) 88%, rgba(0,85,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055a3', endColorstr='#0055a3',GradientType=1 );
}

nav ul li {
  background: transparent !important; 
}
header article {
    height: 140px;
    text-align: center;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu .has-sub:hover {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top: 0px !important;
    padding-top: 16px !important;
}

}

@media only screen 
and (min-width : 1400px) {
  footer article {
    background: transparent;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    overflow-x: hidden;
} 
}
@media only screen 
and (min-width : 901px) 
and (max-width : 1100px)
{
  section {
    margin-top: 74px !important;
}
}

.atuty {
    float: left;
    width: 100%;
}