@media only screen and (max-width: 600px) {
/*xs*//*xs*//*xs*//*xs*//*xs*/
#buttonnn{margin-top: -50px;}
#dark {background-color:; }  
#nnavp{width: 140px; height:60px; margin-left: 60px; margin-top: 15px;position: absolute;}
             /*width: 180px; height:70px; margin-left: 120px; margin-top: 5px;position: absolute  */   
#bandom{margin-top: 30px;}
#darkk{font-size: 10px; }
#span{margin-left: -20px;}
#smnav{padding-left: 80px;}
#contein {margin-top: 50px;}
#remontas {margin-top: -121px; margin-left: 110px;}
#paslaugos {margin-top: -110px; margin-left: 110px;}
#hardsoft {margin-top: -60px; font-size: 10px}
#sitecontent {margin: 0px; border: 0px; padding: 0px;margin-left: 15px; }
#footfont {font-size: 16px;}
         
#iconn{max-width: 15px}
#ttitle{font-size: 12px; font-weight: 800;font-family: Arial Narrow, sans-serif}
#ttitl{font-size: 12px; margin-left: -10px; font-weight:800; font-family: Arial Narrow, sans-serif}         
#ttitletext{font-size: 11px;}
#footfont {font-size: 16px;}
#paslaugu{margin-left: 20px;}
    }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

#darkk{font-size: 9px; }
#nnavp{width: 140px; height:60px; margin-left: 60px; margin-top: 15px;position: absolute;}
    
#buttonnn{margin-top: -50px;}
#bandom{margin-top: 30px;}
#darkk{font-size: 10px; }
#span{margin-left: -20px;}
#smnav{padding-left: 80px;}
#contein {margin-top: 50px;}
#remontas {margin-top: -170px; margin-left: 110px;}
#paslaugos {margin-top: -140px; margin-left: 110px;}
#hardsoft {margin-top: -80px; font-size: 10px; font-size: 11px}
#sitecontent {margin-left: 25px; margin-bottom: 30px}

#iconn{max-width: 15px}
#ttitle{font-size: 18px; font-weight: 800; font-family: Arial Narrow, sans-serif} 
#ttitletext{font-size: 13px;}
#footfont {font-size: 16px;}
#paslaugu{margin-left: 20px;}
    }
    
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#nnavp{width: 160px; height:60px; margin-left: 160px; margin-top: 15px;position: absolute;}
  
#buttonnn{margin-top: -50px;}
#darkk{font-size: 11px; }
#smnav{padding-left: 0px;}   
#bandom{margin-top: 0px;}     
#contein {margin-top: 40px;}
#remontas {margin-top: -220px; margin-left: 210px;}
#paslaugos {margin-top: -180px; margin-left: 210px;}
#hardsoft {margin-top: -95px; font-size: 10px; font-size: 12px}
#sitecontent {margin-left: 30px}
#paslaugu{margin-left: 60px;}
}
 /* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (min-width: 992px) {
#darkk{font-size: 12px; }
#nnavp{width: 180px; height:70px; margin-left: 160px; margin-top:10px;position: absolute;} 
#contein {margin-top: 40px;}
#remontas {margin-top: -300px; margin-left: 210px;} 
#paslaugos {margin-top: -220px; margin-left: 210px;}
#hardsoft {margin-top: -105px; font-size: 10px; font-size: 13px}
#sitecontent {margin-left: 50px}
#paslaugu{margin-left: 60px;}
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#darkk{font-size: 16px; font-weight:50;}
#headt{width: 1371px; height: 350px}
#remontas { margin-top: -390px; margin-left: 200px;}
#paslaugos {margin-top: -280px; margin-left: 210px;}
#hardsoft {margin-top: -115px; font-size: 10px; font-size: 16px}
#sitecontent {margin-left: 70px}
#ttitle{font-size: 22px; font-weight: 800; font-family: Arial Narrow, sans-serif}
#ttitl{font-size: 22px; font-weight: 800; font-family: Arial Narrow, sans-serif}  
#paslaugu{margin-left: 60px;}
#iconn{margin-top: 5px;}
}