@media screen and (max-width:670px) { 
    
    .top_nav{
        padding: 0 10px;
        line-height: 30px;
    }
    
    .logo img{
        width: 95%;
    }
    
    .left{
        width: 100%;
        text-align: center;
    }
    
    .bl{
        width: 100%;
    }
    
    .bl .text {
        color: #ffffff;
        float: left;
        font-size: 15px;
        padding: 5px;
        max-width: 100%;
    }
    .block-c2{
        width: 100%;
    }
    
    .right{
        width: 100%;
        text-align: center;
    }
    .r-block{
        width: 95%;
    }
    
    .block-c3{
        float: none;
        display: inline-block;
        width: 100%;
    }

.block-1{
       
       
        margin: 15px auto;
        float: none;
        display: inline-block;
    }
    
 /*   .block-1{
        width: 90%;
        height: auto;
        margin: 15px auto;
        float: none;
        display: inline-block;
    }
    
    
    .block-1 .block-d{
        width: 100%;
    }
    
    .block-1 img{
        width: 100%;
        height: auto;
    }*/
    
    .block-1 .but{
        display: none!important;
    }
    
    .right{
        margin: 0 auto;
        width: 97%;
        float: none;
    }
    .fot{
        width: 100%;
        float: left;
    }
    .fotter{
        float: left;
        width: 100%;
    }
    .soc{
        width: 97%;
        margin: 40px auto 0 7px;
        float: none;
        display: inline-block;
    }
    
    .fot_nav{
        width: 93%!important;
        float: none;
        margin: 0px;
        font-size: 10px;
        margin-top: 20px;
        text-align: center;
    }
    .block-c1{
     
        float: left;
        width: 100%;
    }
    
    
    .im1 img{
        width: 90%;
        float: left;
    }
    
    .br1 .titl{
        width: 50%;
    }
    
    .entry-content{
        width: 85%;
        float: none;
        display: inline-block;
    }
    
    .bloks{
        float: none;
        display: inline-block;
        width: 90%;
        height: 330px;
    }
    
    .bloks .block-7{
        width: 100%;
        height: auto;
        margin: 0;
        text-align: center;
          border: 0px solid #0e9aa6;
    }
    
    .bloks .block-7 img {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -o-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  width: 100%;
  height: auto;
    border: 2px solid #0e9aa6;}
  
  .bloks .deskk {
  float: left;
  color: #fff;
  font-size: 13px;
  padding: 0 0px;
  height: 100px;
}
  .breadcrumbs{
    text-align: center;
    float: none;
  display: inline-block;
  line-height: 25px;
  width: 100%;
  padding: 15px 0;
  }
    .bloks a.btn-g {
  float: none;
  display: inline-block;
  right: 0px;
  bottom: 15px;
}

    .bloks a.btn-g:hover {
  float: none;
  display: inline-block;
  right: 0px;
  bottom: 15px;
}

.bl2 {
  float: none;
  display: inline-block;
  text-align: center;
}

.bl2 .bl3 {
  width: 90%;
  float: none;
  height: 150px;
  display: inline-block;
}

.bl2 .block-1 img {
    float: none;
  display: inline-block;
  width: auto;
  height: auto;
}

.bl2 .text {
    color: #ffffff;
    float: left;
    display: inline-block;
    max-width: 65%;
    width: 90%;
    text-align: left;
}

.block-c8{
    float: none;
  display: inline-block;
  width: 90%;  
}

a.btn-g2 {
     float: none;
  display: inline-block;
  width: 100%;
  height: 53px;
  
  background: url('img/gob.png') no-repeat center top;
  float: right;
  text-indent: -9999999px;
  margin: 15px 0px 15px 0;
}

a.btn-g2:hover {
     float: none;
  display: inline-block;
  width: 100%;
  height: 53px;
  
  background: url('img/gob.png') no-repeat center -53px;
  float: right;
  text-indent: -9999999px;
  margin: 15px 0px 15px 0;
}
.slid-1{
    display: none;
}
.slid-2{
    display: inline-block;
}

#slidebox2 .block-d2{
    width: 100%;
}

#slidebox2{ position:relative; border:0px solid #ccc; margin:20px auto;overflow:hidden;}
#slidebox2, #slidebox2 ul {width:100%;height:100%;}
#slidebox2, #slidebox2 ul li{width:90%;height:250px;}
#slidebox2 ul li{position:relative; left:0; background: none; float:left;list-style: none; padding:0px 0px;  }
#slidebox2 .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;top:139px;}
#slidebox2 .next{width:25px;  
  height:43px; right:0; top: 60px; margin-right:10px; background:url(img/bt-4.png) no-repeat -25px top;}
#slidebox2 .next:hover{ cursor: pointer; background:url(img/bt-4.png) no-repeat -25px top;}
#slidebox2 .previous{ width:25px;  
  height:43px; top: 60px; z-index:999; margin-left:10px; float: left; position: absolute; background:url(img/bt-4.png) no-repeat left top;}
#slidebox2 .previous:hover{ cursor: pointer; background:url(img/bt-4.png) no-repeat left top;}
#slidebox2 .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox2 .thumbs .thumbActive{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}



.blo1{
    float: none;
  display: inline-block;
  width: 90%;  
}
.blo2{
    float: none;
  display: inline-block;
  width: 90%;  
}

.titles-share{
    margin-bottom: 15px;
}

.bl3 a.no-den {
  width: 112px;
  height: 31px;
  text-indent: -9999999px;
  background: url('img/btn.png') no-repeat 0px -40px;
  display: inline-block;
  right: 40px;
  bottom: 15px;
  position: absolute;
}

.bl3 a.den {
  width: 112px;
  height: 31px;
  text-indent: -9999999px;
  background: url('img/btn.png') no-repeat;
  display: inline-block;
      right: 160px;
  bottom: 15px;
  position: absolute;
}



.bl3 a.no-den:hover {
  width: 112px;
  height: 31px;
  text-indent: -9999999px;

  display: inline-block;
  right: 25px;
  bottom: 15px;
  position: absolute;
}

.bl3 a.den:hover {
  width: 112px;
  height: 31px;
  text-indent: -9999999px;

  display: inline-block;
  right: 145px;
  bottom: 15px;
  position: absolute;
}

.bl2 a.btn-g {
  width: 112px;
  height: 31px;
  position: absolute;
  bottom: 20px;
  right: 30px;
  background: url('img/btn-g.png') repeat;
  float: right;
  text-indent: -9999999px;
}

.bl2 a.btn-g:hover {
  width: 112px;
  height: 31px;
  position: absolute;
  bottom: 20px;
  right: 30px;
  float: right;
  text-indent: -9999999px;
}


.bl2 .block-1 {
    margin: 0px;
    width: 100%;
    float: none;
    margin-left: 0px;
    height: auto;
    display: inline-block;
    text-align: center;
}

    .block-c5{
        text-align: center;
        width: 100%;
        float: none;
        display: inline-block;
    }
    
    .br1 .desc{
        width: 50%
    }
    
    #nav li {
  position: relative;
  width: 100%;
}
    
    .top_nav a {
  height: 32px;
  display: inline-block;
  padding: 0px 10px 0px 10px;
  margin: 0 0px;
  line-height: 31px;
  width: 90%;
}
    
    
    
     .sub-menu{
        
    width: 95%;
        
    } 
    
       
   .top_nav li.lin1 {
  background: none;
 
}
    
    
    
      #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
 

    
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
    
    .bl2 .text {
    display: none;
    }
    
}



@media screen and (max-width:362px) { 
    .bl2 .block-1 img {
    float: none;
  display: inline-block;
  width: auto;
  height: auto;
}

.bl2 .bl3 {
    width: 90%;
    float: none;
    height: 150px;
    display: inline-block;
}
.bl2 .block-1 {
    margin: 0px;
    width: 100%;
    float: left;
    margin-left: 0px;
    height: auto;
    display: inline-block;
}
.bl2 .text {
    color: #ffffff;
    float: left;
    display: inline-block;
    max-width: 100%;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    text-align: center;
    display: none;
}

}