.plans_items  {padding:30px 3% 30px; text-align: left; color: #383838; font-size: 14px; font-weight: 400; line-height: 16px; font-family: Roboto; }

.drawing_items  {padding:0px; text-align: left; color: #383838; font-size: 14px; font-weight: 400; line-height: 16px; font-family: Roboto; width: 93%; max-width: 760px; float: left;}

.windows_ram_plans { width:310px; border: 2px solid #f5f5f5; 
                    box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                    border-radius: 4px; padding:20px;
                    background-color: #ffffff;
                    margin:20px; height:495px;
                    float:left;
                        }

.windows_ram_plans:hover  {border: 2px solid #2A9E89;}  


.windows_ram_drawing {min-height:199px; width:100%; border: 1px solid #D0D0D0;; 
                      max-width: 720px;
                    box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                    border-radius: 4px; padding:20px;
                    background-color: #ffffff;
                    float:left;
                        }
                        
.windows_ram_drawing:hover  {border: 1px solid #2A9E89;}  


.flag {opacity: 0.7;}
.flag:hover {opacity: 1.0;}
.top_txt {width:100%; height:10px; padding-left:20px; padding-top:10px;margin-top:0px; }
.left_txt_dr,
.left_txt {width:35%; font-size:14px; font-weight:700; float:left; text-align:left; min-width: 200px; }

.right_txt {width:15%; font-size:14px; font-weight:400;  float:right; margin-right:40px;text-align:right; }
.right_txtg {width:15%; font-size:14px; font-weight:400;  float:right; margin-right:5px;text-align:right; }
.lft_info_dr {float:left; max-width:300px; width:41%; margin-top:20px;  overflow-x:auto; overflow: hidden;
                              margin-left:10px; min-height: 94px; height:100%;font-size:14px;
                               }
.name_left_dr {height:24px;text-align:left; padding:0px; text-align:left; width:400px; }                             
.bottom_gray {
             height: 173px;
            background: #F3F3F3;
            border-radius: 0px 0px 4px 4px;
            position:relative; left:-20px; top:10px; width:350px;
}

.left_txt_dr {line-height: 1.6;  font-size: 14px;}


#left_plans {float: left; margin-left: 60px; width: 360px;border-radius: 4px; }
#right_plans {float: left; max-width: 760px; min-height:658px;border-radius: 4px; border: 0px green solid;}
.predp_rtansp {margin-top:-5px; display:none;  }

.right_block_op {float:right; max-width:360px; width:40%; margin-top:12px; 
                              min-height: 95px; height:100%; padding-left:10px;}

.kn_send_mess_dr { height:20px;  padding-bottom:10px; font-size:14px;font-weight: 700;
                                 background-color:#efefef;  border:1px #808080 solid;
                                 padding-top:10px; color:#303030; text-align: center; 
                                 border-radius: 4px;
                                 width: 220px;
                 }

.kn_opubl_mess_dr   { padding: 20px 0 20px ; background-color: #F2994A; font-size: 18px; line-height: 21px; text-align: center;
                       font-weight: 700; color: #fff; cursor: pointer;
                      text-transform: uppercase;  height:20px; border-radius: 4px;
                      opacity: 1.0;
                      height:22px;  padding-bottom:10px; 
                      font-size:14px;
                      padding-top:10px;
                      width: 220px;}               

@media  (min-width: 0px) and (max-width: 384px)
{ 
    /* мобильники */
   .plans_items {padding: 10px; padding-top: 10px; padding-bottom: 10px;}
   #left_plans {margin-left: 1%; width: 97%; }
   #right_plans{margin-left: 1%; width: 96%;}

   .windows_ram_plans {width: 97%; margin-top:30px; margin-left: 5px; max-width:270px;}
   .bottom_gray {width:310px;} 
   .predp_rtansp {display: block; color:#303030; }
   .windows_ram_drawing {width: 97%; float: left; margin-left: 0px; max-width:280px;}
   .right_block_op {float: left; margin-left: 62px;  width: 72%; margin-top: -15px;}
    .kn_opubl_mess_dr,
    .kn_send_mess_dr {   width: 135px; font-size: 10px; margin-left: -5px; margin-right: -5px;}
    .lft_info_dr {max-width:300px; width:70%; font-size:12px;  }
    .left_txt_dr {font-size: 12px;}
    #body_ish {overflow-x: hidden; overflow-x: none;}   
     

}




@media  (min-width: 385px) and (max-width: 767px)
{ 
   .plans_items {padding: 20px;}
   #left_plans {margin-left: 1%; width: 97%; }
   #right_plans {float: right; margin-top: 30px;margin-left: 1%; width: 96%; margin-right: 1%;}
   .predp_rtansp {display: block;  color:#303030; }
   .windows_ram_drawing {width: 97%; float: left; margin-left: -10px;}

    .kn_opubl_mess_dr,
    .kn_send_mess_dr {   width: 150px;font-size: 12px;}
    .lft_info_dr {max-width:300px; width:36%; font-size:12px;}
    .right_block_op {max-width:300px; width:36%; font-size:12px;}
    .left_txt_dr {font-size: 11px; line-height: 1.9;font-size:12px;}
    .right_txtg {font-size: 11px;}

  
}

@media  (min-width: 768px) and (max-width: 1279px) 
{ 
      #left_plans {margin-left: 4%; max-width: 360px; width: 40%}
      #right_plans {float: left; width: 53%; margin-left: 2%; margin-right: 1%;} 
      .windows_ram_drawing {width: 92%; max-width: 720px; margin-top: 20px;}
      .right_block_op {width: 39%;} 

      #seach_Zobr {float: left;width: 102%;}
      .kn_opubl_mess_dr,
      .kn_send_mess_dr {   width: 170px;}


}

 


@media  (min-width: 1280px) 
{
  #right_plans {float:left; width: 780px;margin-left: 3%;} 
  .windows_ram_drawing {width: 101%; max-width: 720px;}
} 
