Переопределение свойств селекторов классов - Вопросы по CSS

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo$this->template?>/css/style.css">
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo$this->template?>/css/template.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo$this->template?>/css/stylemobil.css">

.container,.row{
   width: 1000px;
}

.container {
	max-width: 1000px !important;
}
.row {
	width: 100% !important;
}

.container,.row{
   width: 1000px;
}

body .container, body .row{
   width: auto;
}

html body .container {}
HTML body .row {}

#container .container {}
#container .row {}

body .container, body .row{
   width: auto;
   max-width: 1000px;
   min-width: 600px;
   margin: auto;
}

@media (min-width: 980px) and (max-width: 1200px) {
 body .container, body .row{
  …
 }

body .container, body .row{
   width: auto;
   margin: auto;
}

@media (min-width: 980px) and (max-width: 1200px) {
 body .container{
  width: 800px; /*на больших мониторах блок фиксированный*/
 }
 body .row{
  width: 100%;
 }
}

@media (min-width: 600px) and (max-width: 980px) {
 body .container {
  width: 75%; /*на средних тянется*/
  min-width: 600px;
 }
 body .row{
  width: 100%;
 }
}

@media (min-width: 320px) and (max-width: 600px) {
 body .container {
  width: 100%; /*на мелких 100%*/
  min-width: 320px;
 }
 body .row{
  width: 100%;
 }
}