.sn {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.search-page {
  width: 100%;
  margin: 0px 0 20px 0 !important;
}

.search-form {
  width: 100%;
  position: relative;
  margin-top: 0px;
  margin-bottom: 8px;
  white-space: nowrap;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

.frm_button {
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  position: absolute;
  background: #fff;
  cursor: pointer;
  color: #4285f4;
  font-size: 18px;
  border: none;
  outline: none;
}

.search-form .form-control {
  height: 42px;
  width: 100%;
  box-shadow: none;
  background-image: none;
  background: rgb(255, 255, 255) none repeat scroll 0%;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  padding: 0 37px 1px 12px;
  line-height: 1.42857143;
  font-size: 16px;
  color: #555;
  vertical-align: top;
  display: inline-block;
  }

.search-form .form-control:focus {
  color: #333;
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.slct {
  width: 320px;
  padding: 5px 13px;
  font-size: 18px;
  line-height: 24px;
  color: #337ab7;
}

.slct:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
  border-radius: 4px 4px 4px 4px;
}

.slct:hover a {
  color: #fff;
}

.slct a:hover {
  text-decoration: none;
  color:#fff;
}

.captcha {
  text-align: right;
}

#id_email {
  padding-left: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

#id_content {
  padding-left: 5px;
}

#id_captcha {
  width: 250px;
  padding-left: 5px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #ccc;
}

.mesaga {
  vertical-align: top;
  display: inline-block;
}

.mesaga2 {
  text-align: center;
}

.mesaga2 > .modal-footer {
  text-align: center;
}

#index_search_links_list {
  display: inline-block;
  border: 1px solid #ccc;
}

.index_search_links_list {
  font-size: 17px;
}


.empty_search_result_message {
  color: gray;
  font-size: 20px;
}


@media screen and (max-width: 360px) {

.sn {
    padding-left: 0px;
    padding-right: 0px;
}

}


@media screen and (min-width: 321px) {

.search-page {
  width: 320px;
}

.mesaga {
  width: 320px;
}

.mesaga #id_content {
  height: 90px;
}

.vidzhet {
  width: 350px;
  margin-left: -15px;
  margin-bottom: -5px;
}

}


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

.mesaga #id_content {
  width: 320px;
}

.vidzhet {
  width: 350px;
  margin-left: -15px;
}

}


@media screen and (max-width: 713px) {

.mesaga {
  display: block;
}

.mesaga #id_content {
  height: 120px;
  margin-top: 20px;
}

}


@media screen and (max-width: 1199px) {

.mesaganav {
  font-size: 17px;
}

#index_search_links_list {
  max-width: 320px;
}

}


@media screen and (min-width: 714px) {

.search-page {
  width: 663px;
  margin: 0px 0 20px 0;
}

.mesaga {
  width: 321px;
  margin-left: 20px;
}

.mesaga #id_content {
  height: 120px;
}

.vidzhet {
  width: 693px;
  margin-left: -15px;
  margin-bottom: -15px;
  margin-top: 25px;
}

}


@media screen and (min-width: 1200px) {

.search-page {
  width: 1006px;
  margin: 30px 0 30px 0;
}

.mesaga {
  width: 493px;
  margin-left: 10px;
}

.mesaga #id_content {
  height: 222px;
}

#index_search_links_list {
  width: 500px;
}

.slct {
  width: 498px;
}

.nav_item {
  margin-right: 120px!important;
}

.vidzhet {
  width: 1038px;
  margin-left: -15px;
  margin-bottom: -15px;
  margin-top: 25px;
}

}


.rovna {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.rovna2 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.rovna2_left {
  padding-right: 10px;
}

.rovna2_right {
  padding-left: 10px;
}


@media screen and (max-width: 713px) {

.rovna2 {
  width: 321px;
  display: block;
  padding-top: 0px;  
}

.rovna2_left, .rovna2_right {
  padding-right: 0px;
  padding-left: 0px;
}

.mesaganav {
  font-size: 18px;
}

}


@media screen and (min-width: 714px) {

.rovna2 {
  width: 330px;
  display: inline-block;
}

.rovna2_midle1 {
  padding-right: 0px;
  padding-left: 10px;
}

.rovna2_midle2 {
  padding-right: 10px;
  padding-left: 0px;
}

}


@media screen and (min-width: 1200px) {

.rovna2 {
  width: 250px;
  display: inline-block;
}

.rovna2_right {
  width: 248px;
}

.rovna2_midle1 {
  padding-right: 5px;
  padding-left: 0px;
}

.rovna2_midle2 {
  padding-right: 0px;
  padding-left: 5px;
}

}


@media screen and (max-width: 360px) {

.captcha {
  text-align: left;
}

#id_captcha {
  width: 100%;
}

}


@media screen and (max-width: 500px) {

.rovna2 {
  width: 158px;
  display: inline-block;
}

.rvh5 {
  font-size: 12px;
  margin: 15px 0 15px;
}

}


/*
@media screen and (max-width: 349px) {

.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

}
*/


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

.rovna2 {
  width: 320px;
  display: block;
}

.rvh5 {
  font-size: 12px;
  margin: 15px 0 15px;
}

.rovna2_midle1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rovna2_midle2 {
  margin-top: 0px;
  margin-bottom: 5px;
}

}


@media screen and (max-width: 469px) {

.search-form {
    margin-bottom: 0px;
}

.search-page {
  margin: 20px 0px 10px 0px;
  padding: 0px 0 0px;
  width: 320px;
}

.search-form .form-control {
  height: 42px;
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ccc;
  padding: 0 37px 1px 9px;
  font-size: 16px;
}

}