.main_blok_order {padding:4px; text-align: left; background-color: #fff; border: 1px solid #D0D0D0;
box-shadow: 0px 10px 22px rgba(255, 255, 255, 0.6);}
.main_blok_order:hover { border:1px #D4424B solid;
                         box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1); cursor: pointer;}
.sel_input_titul { text-indent: 15px; margin-top: 20px; height:40px; font-size: 18px;
                  font-weight: 400; border-radius: 4px; border: 1px #D0D0D0 solid;width: 100%; background-color: #fff;}

#count_orders {width:auto; float:right; font-size:14px; font-weight:400;Font-family:Roboto; border:1ox solid; padding-right:65px;}
#left_menu {width:100%;  min-height: 500px; padding: 0px;}
.left_menu_block {background-color:#fff; border:1px #d0d0d0d solid; width:100%; min-height:10px;}
.cle {clear:both; height:7px;}

#placeAnOrder,
#left_orders {float: left; margin-left: 60px; width: 360px;border-radius: 4px; }
#right_orders {float: left; max-width: 760px; min-height:658px;border-radius: 4px; border: 0px green solid;}
#placeAnOrder{margin-left:0px; border: 0px; margin-top:-80px;}
.knSeaBig1 {padding: 20px 0 20px ; background-color:#2A9E89; 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;
   }

.knYelBig1 {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;
   }



.obr_seach {padding: 0px 0px  40px;}
.knSeaBig1:hover {opacity: 0.8; }
.razdelitel { height:0px; }

.kn_filts_none,
.kn_filts {border:1px #2A9E89 solid; border-radius:4px; width:100%; font-weight: 700; cursor: pointer;
                     height:40px; text-align: center; font-size:14px; color:#2A9E89;  line-height:40px;}
.kn_filts:hover {border: 1px  #D4424B solid;}

.left_bg { background:url(../images/svg/mmm.svg) repeat left top; max-width:260px; 
           width: 31%; float:left; min-height:260px; overflow-y: auto; overflow-x: hidden;}
.top_right_boxes {float:left;   margin-top:0px;}
#srok_sdachi {width: auto; float:right; font-size:14px; padding-top: 5px; font-weight:700; font-family: Roboto; padding-left:10px;} 
.file_present  {width:60px; float: left;  height:60px; border: 3px #bbb solid; border-radius: 5px; margin: 5px;
    background: #FFFFFF; cursor: pointer; 
             box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                }              
.top_right_boxes {float:left; width:65%;  margin-top:5px; padding-left: 6px;}
.close_win {color:#fff; font-weight: 900;  width: 10px; height: 10px; font-size: 10px; text-align:
            center;padding: 4px; background-color: red;  border-radius:20px; line-height: 1.0; 
            position:absolute; opacity: 0.5; margin-left: 47px; margin-top: -64px;}
.close_win:hover {opacity: 1.0;}            


.top_order_text {width: auto; float:left; font-size:14px; padding-top: 5px; font-weight:400; font-family: Roboto;}
.icon_favarit {float:right; width:14px; margin-right: -12px; height:20px; }

.top_clases {padding:0px; text-align: left; margin-top:-80px;}
#orders_transp {margin-top:-5px; display:none; }

.knWhiteForm,
.knSeaForm {padding: 8px ; background-color:#2A9E89; font-size: 14px; 
             line-height: 21px; text-align: center;
             font-weight: 700; color: #fff; cursor: pointer;
             width:100%; height:20px; border-radius: 4px;
             opacity: 1.0; border:1px #2A9E89 solid;
             }
.knSeaForm:hover {opacity:0.95;}

.knWhiteForm {background-color:#fff; border:1px #555 solid; color:#111;}
.knWhiteForm:hover {background-color:#2A9E89;; border:1px #2A9E89; solid; 
                    color:#fff; opacity:0.6;}


.div_companii {width:98.5%; border:1px #ccc solid;}
.br_div1 {display:none; clear:both;}

#country_addr {float:left;width:20%; margin-top:4px;}
#stroka_addr {float:right; width:79%; height:auto;}
.desktop {display:block;}
.mobile {display:none;}

@media  (min-width: 0px) and (max-width: 384px)
{ 
    .desktop {display:none;}
    .mobile {display:block;}
    .razdelitel {display:none;}

    #country_addr {width:100%;}
    #stroka_addr {width:102%;float:left; }
    .br_div1 {display:block;}
     .knWhiteForm, 
    .knSeaForm {width:91%; font-size:12px;} 
    .tr_zakaza {display:none;}
    .top_clases {margin-top:20px; width: 63.5%; margin-left: 7%;}
    /* мобильники */
    #left_orders {margin-left: 1%; width: 97%; }
    #right_orders{margin-left: 1%; width: 96%;}
    .razdelitel { clear: both;height:40px; }
    #placeAnOrder {width: 100%; font-size: 14px; margin-top:-50px;}
    .obr_seach {padding: 90px 0px  40px;}
    .top_order_text {font-size: 12px;}
    .icon_favarit {position: absolute;right: 26px; margin-top: 2px;}
    .top_order_text {font-size: 12px;}
    #orders_transp {display: block; }
    #srok_sdachi {float: left;}

}


@media  (min-width: 385px) and (max-width: 767px)
{ 
   .desktop {display:none;}
    .mobile {display:block;}
    .razdelitel {display:none;}
    #country_addr {width:25%;}
    #stroka_addr {width:72%; float:right; }
    .knWhiteForm, 
    .knSeaForm {width:95%;} 
    /* мини планшет*/
    .tr_zakaza {display:none;}
    .top_clases {margin-top:0px; width: 67.5%; margin-left: 3%;}
    #left_orders {margin-left: 1%; width: 97%; }
    #right_orders {float: right; margin-top: 30px;margin-left: 1%; width: 96%; margin-right: 1%;}
    .razdelitel { clear: both;height:10px; }
    #placeAnOrder {width: 100%; font-size: 14px; max-width: 100%; margin-top:-80px;}
    .obr_seach {padding: 80px 0px  40px; }
    .icon_favarit {position: absolute;right: 22px; margin-top: 2px;}
    #orders_transp {display: block; }

    #srok_sdachi {float: left;}

}
@media  (min-width: 385px) and (max-width: 468px)
{
   #country_addr {width:100%;}
    #stroka_addr {width:102%;float:left; }

}

@media  (min-width: 768px) and (max-width: 1279px) 
{ 
    /* планшеты */
    #left_orders {margin-left: 4%; max-width: 360px; width: 40%}
    #right_orders {float: left; width: 53%; margin-left: 2%; margin-right: 1%;} 
    #placeAnOrder {width: 100%; font-size: 14px;}
    .sel_input_titul {width: 100%; }

}

 


@media  (min-width: 1280px) 
{
    /* компьютеры */
    .raszelit {display: none;}
    .sel_input_titul{width: 310px;}
    #right_orders {float:left; width: 760px;margin-left: 3%;} 

}