/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

 .s_big_money .choice_block {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  width: 100%;
}   
    
.s_big_money .choice_block .bad_choice {
  display: none;
}

.s_big_money .choice_block .good_choice {
  float: none;
  margin: 0 auto;
  position: relative;

}

  .s_5vip {
  background: #ffbe00 none repeat scroll 0 0;
  height: auto;
  
}

.s_calc .calc_block{
  background: #f0f0f0;   
  min-height: auto;

}

.s_calc .calc_block .sub_elements{
    float:none;
      margin: 0 auto;
}


.s_calc .calc_block .c1 {
  width: 226px;
}

.s_calc .calc_block .c3 {
  width: 226px;
}


.s_calc .calc_block .c2,
.s_calc .calc_block .c4{
font-size: 60px;
line-height: 41px;
padding-top: 9px;
}


.s_calc .calc_block .c52 {

  font-size: 51px;

}


.s_musor{
   background: #0070b1;
}

/****************************************/

.s_thanks .owl-theme .owl-controls .owl-nav .owl-prev {
  left: 55px;
  top: 100%;
}

.s_thanks .owl-theme .owl-controls .owl-nav .owl-next {
  right: 55px;
  top: 100%;

}

.s_thanks .h2 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 31px;
  padding-top: 115px;
  text-align: center;
}

.s_thanks .thanks {
  padding-bottom: 20px;
}

.s_thanks .orange_btn a{
    font-size:22px;
}

.s_thanks .orange_btn {
  margin-top: 40px;
}

/***********/
.s_vip_pred .sk1,
.s_vip_pred .sk2{
    top:-20px;
}



}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


    
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    h1{
        font-size: 30px;
        line-height:1.42857;
    }    
    
/*******************************/    
    
    .header_logo img{
        width:200px;
    }
    .header_img img{
        padding-bottom: 15px;
        padding-top: 15px;
        width: 285px;
    }
    
/****************************/

.s_banner_top{
    margin-top: 5px;
}

.s_banner_top .sbt .banner_top_text {
float: none;
line-height: 55px;
margin: 0 auto;
padding-top: 15px;
width: 310px;
text-align: center;
}
.s_banner_top .sbt .banner_top_text .h1 {
    font-size:50px; 
}

.s_banner_top .sbt .banner_top_text .btt1{
    font-size:26px; 
}
.s_banner_top .sbt .banner_top_text .btt2{
    font-size:60px; 
}
.s_banner_top .sbt .banner_top_text .btt3{
    font-size:41px; 
}

.s_banner_top .banner_top_block {
    float:none;
    margin-top: 225px;
}
    
.s_banner_top .sbt {
  background: rgba(0, 0, 0, 0) url("../img/banner_top_bg1.jpg") no-repeat scroll 66% 35% / 626px auto;
}
    
/*******************************************/

.s_list {
  background: #0070b1 none repeat scroll 0 0;
  color: #fff;
  font-family: "RobotoBold";
  font-size: 21px;
  margin-top: -28px;
  padding-bottom: 30px;
  padding-top: 40px;
  text-align: center;
  text-shadow: 2px 2px 3px rgba(0, 64, 101, 1);
}

.s_list img{
    width:57px;
}

/*****************************************/
.s_big_money .choice_block .good_choice {
  background: rgba(0, 0, 0, 0) url("../img/good_choice_bg.jpg") no-repeat scroll 0 0 / 100% auto;
  height: 523px;
  padding-top: 162px;
  width: 100%;
  max-width: 400px;
}
.s_big_money .choice_block .good_choice h2{
    font-size: 27px;
}

/*****************************************/
.s_5vip .digits {
  transform: scale(0.6);
  transform-origin: 3% 0 0;
}

.s_5vip .digits {
  height: 108px;
  width: 550px;
}

.s_5vip .atten{
    width: 100%;
    font-size: 19px;
}

.s_5vip .dd{
    position:relative;
}

.s_5vip  .ddd{
    width: 320px;
    font-size: 14px;
    position: absolute;
    top:50px;
}

.s_5vip .ddd .dd_d {
  margin-left: 25px;
}

.s_5vip .ddd .dd_m {
  margin-right: 30px;
}

.s_5vip .ddd span {
  color: #666;
  margin-right: 44px;
}




/**************************************/
.input_div {
  width: 100%;
}

.i_name, .i_tel{
background-size: 297px auto;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 297px;
}


.input_div input {

  margin-left: 53px;
  margin-top: 3px;
  width:234px;
}

/**********************************/
.s_diagramma p{
    font-size: 12px;

}



/***********************************/
.s_vip_pred {
  background: rgba(0, 0, 0, 0) url("../img/mbg.jpg") no-repeat scroll center 186px;
  min-height: auto;
}

.s_vip_pred .vip1 {
  background: rgba(0, 0, 0, 0) url("../img/vip1.png") no-repeat scroll 0 0 / 100% auto;
  height: 390px;
  padding-top: 155px;
  width: 100%;
}

.s_vip_pred .vip1 .hh{
font-size: 16px;
}
 
.s_vip_pred .vip1 .input_block {
  margin: 22px auto 0;
  max-width: 245px;
}

.i_name.v2, .i_tel.v2 {
background-size: 245px auto;
height: 32px;
margin: 0 auto 10px;
width: 245px;
}

.s_vip_pred .input_div input {
  margin-left: 53px;
  margin-top: 3px;
  width:185px;
  font-size: 17px;
}

.s_vip_pred .orange_btn {
  background: rgba(0, 0, 0, 0) url("../img/orange_btn.png") repeat-x scroll left center;
  border-radius: 5px;
  box-shadow: 3px 3px 5px 0 rgba(153, 153, 153, 1);
  height: 60px;
  margin: 16px auto 21px;
  max-width: 392px;
  padding-top: 14px;
  text-align: center;
}

.s_vip_pred .orange_btn a {
  color: #fff;
  font-family: "RobotoBold";
  font-size: 21px;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(6, 138, 122, 1);
  text-transform: uppercase;
}

/*******************************************/

.s_map {
  background: rgba(0, 0, 0, 0) url("../img/map.jpg") no-repeat scroll center center / 958px auto;
  height: 360px;
}
 


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container {
  width: 1190px;
}
}