.copytext {
  color: #fff;
  float: left;
  margin: 0 auto;
  text-align: left;
  width: auto;
}

.copytext a:hover{color:#b3b3b3;}

#register #submit {
  padding: 10px 30px;
  width: auto;
}

.footernav {
  color: #fff;
  float: right;
}

.conright {
  float: right;
  width: 30%;
}
.conleft {
  float: left;
  width: 67%;
}

#slideshow {
  height: 240px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}

#slideshow > div {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#slideshow img {
  width: 100%;
  height: auto;
}

.footernav li  a {
  margin: 0 10px;
}

.footernav > ul {
  list-style: outside none none;
  width: auto;
}

.footernav li {
  float: left;
  list-style: none;
}

.sidebar > img {
  height: auto;
  width: 100%;
}


.dgroup{float:right; width:40%}


@media only screen and (min-width: 270px) and (max-width: 319px) {
.copytext {float: none;text-align: center;}
.footernav {display: none;}
.site-logo {
  display: table;
  float: left;
  height: 100%;
  width: 80%;
}

.dgroup {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

#procedure .col-xs-9{width:100%;}
#procedure .col-xs-8{width:100%;}
}



@media only screen and (min-width: 320px) and (max-width: 480px) {

.site-navigation > ul a {margin: 0;}

.copytext {float: none;text-align: center;}
.conleft {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.conright {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 20px 0;
}

.register-form {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 100%;
}

.myfont2 {
  font-size: 20px !important;
  line-height: 40px !important;
  margin-top: 0;
}

#placement .col-xs-5 {width: 100%;}
#placement .col-xs-7{width: 100%;}
#placement .float-right{ float:left;}
.dgroup {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

#duralife .col-md-3 {
  width: 100%;
}

#procedure .col-xs-9{width:100%;}
#procedure .col-xs-8 {width: 100%;text-align: center;}
#procedure .col-xs-4 {width: 100%;text-align: center;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#slideshow img {
  height: 320px;
  width: 100%;
}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.copytext {
  color: #fff;
  float: none;
  margin: 0 5px;
  text-align: center;
  width: auto;
}

.conleft {
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.conright {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 20px 0;
}

#slideshow {
    height: 270px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.footernav {
 display: none;}
 
 .register-form {
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 50%;
}
.dgroup {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
#procedure .col-xs-9{width:100%;}
#duralife .col-md-3 {margin-top: 20px;}
#procedure .col-xs-8 {width: 100%;text-align: center;}
#procedure .col-xs-4 {width: 100%;text-align: center;}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
#placement .col-md-8 {
  float: right;
  width: 69%;
}
#placement .col-md-4 {
  float: left;
  width: 31%;
}

#placement  .responsive .col-md-2 + .col-md-2, .responsive .col-md-2 + .col-md-3, .responsive .col-md-2 + .col-md-4, .responsive .col-md-2 + .col-md-6, .responsive .col-md-2 + .col-md-7, .responsive .col-md-2 + .col-md-8, .responsive .col-md-3 + .col-md-2, .responsive .col-md-3 + .col-md-3, .responsive .col-md-3 + .col-md-4, .responsive .col-md-3 + .col-md-6, .responsive .col-md-3 + .col-md-7, .responsive .col-md-3 + .col-md-8, .responsive .col-md-4 + .col-md-2, .responsive .col-md-4 + .col-md-3, .responsive .col-md-4 + .col-md-4, .responsive .col-md-4 + .col-md-6, .responsive .col-md-4 + .col-md-7, .responsive .col-md-4 + .col-md-8, .responsive .col-md-5 + .col-md-2, .responsive .col-md-5 + .col-md-3, .responsive .col-md-5 + .col-md-4, .responsive .col-md-5 + .col-md-6, .responsive .col-md-5 + .col-md-7, .responsive .col-md-5 + .col-md-8, .responsive .col-md-6 + .col-md-2, .responsive .col-md-6 + .col-md-3, .responsive .col-md-6 + .col-md-4, .responsive .col-md-6 + .col-md-6, .responsive .col-md-6 + .col-md-7, .responsive .col-md-6 + .col-md-8, .responsive .col-md-7 + .col-md-2, .responsive .col-md-7 + .col-md-3, .responsive .col-md-7 + .col-md-4, .responsive .col-md-7 + .col-md-6, .responsive .col-md-7 + .col-md-7, .responsive .col-md-7 + .col-md-8, .responsive .col-md-8 + .col-md-2, .responsive .col-md-8 + .col-md-3, .responsive .col-md-8 + .col-md-4, .responsive .col-md-8 + .col-md-6, .responsive .col-md-8 + .col-md-7, .responsive .col-md-8 + .col-md-8{ margin-top:0;}

.copytext {
  color: #fff;
  float: none;
  margin: 0 auto;
  text-align: center;
  width: auto;
}
.footernav {
 display: none;}

#placement .float-right{ float:right;}

/* home */


.conleft {
  float: left;
  padding-left: 15px;
  width: 60%;
}
.conright {
  float: right;
  padding-right: 15px;
  width: 38%;
}
.dgroup {
  float: right;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
#duralife .col-md-3 {
  margin-top: 20px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

.copytext {
  color: #fff;
  float: left;
  margin: 0 auto;
  text-align: left;
  width: 35%;
}
.copyright-footer ul {
  float: right;
}

}


@media only screen and (min-width: 1000px) and (max-width: 1024px) {
.copytext {
  color: #fff;
  float: left;
  margin: 0 auto;
  text-align: left;
  width: 35%;
}

}





@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.copytext {
  color: #fff;
  float: left;
  margin: 0 auto;
  text-align: left;
  width: 35%;
}
.copyright-footer ul {
  float: right;
  list-style: outside none none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: auto;
}
}