@charset "UTF-8";



/* 740 */ 
@media (max-width : 1010px) {
 .clients .bx-controls-direction a.bx-next{
  right: 0!important;
 }
 .clients .bx-controls-direction a.bx-prev{
  left: 0!important;
 }
 .adaptive_set {display: flex;}
 .menu-block,.menu-block .menu{ gap: 10px}
   .limit{width:740px}
   .menu-block .menu,.menu-block .auth_panel.auth_panel_auth{display: none}
    header .right{float: none!important; width: 100%;}
    header .dark_panel {width: 100%; margin-top: 10px; position: relative; z-index: 2;}
    header .language_panel {height: auto; padding: 0 10px 0 0; position: relative; top: -4px;}
    header .language_panel a{ margin: 10px 0;}
    header .contact_info {text-align: left; float: right; margin-left: 10px;}
    header .contact_info .adres i, header .contact_info .mail i {text-align: center;}
    header .contact_info div{ display: block!important; border-bottom: 0 none!important; margin-bottom: 3px;}
    header .contact_info .mail {margin-left: 20px;}
    header .contact_info .tel {margin-left: 0; margin: 10px 0 0;}
    header .logo {top: -27px;}
    header .text_block p {padding: 0;}
    header .text_block h1 {font-size: 36px;}
    footer .column.first {text-align: center; width: 150px; position: absolute; bottom: -140px; left: 50%; margin-left: -75px;}
    footer .column.first .logo {width: 125px; height: 55px; margin: 0 auto 10px;}
    footer .column.first .logo-1c img {width: 125px; margin: 0 auto 10px;}
    footer .column.fourth {width: 245px;}
    footer .column.third {width: 310px;}
    footer, .footer-push{height: 460px;}
    .layout {margin-bottom: -430px;}
    .our_products .product_card {margin-right: 6px!important;}
    .our_products .product_card:nth-child(3n+2){margin-right: 0!important;}
    .free_access .box {display: none;}
    .free_access {padding: 40px 0;}
    .free_access .sub_text {padding: 0 110px;}
    .advantages {padding: 40px 0 15px;}
    .advantages .advantages_card {margin: 0 10px 25px; width: 220px;}
    /*.clients .logo_container:nth-child(n+7){display: none;}*/
    /*.clients .logo_container {margin-right: 20px; width: 165px; height: 195px;}  */
    /*.clients .logo_container .cell {width: 165px; height: 165px;}*/
    /*.clients .logo_container:nth-child(6){margin-right: 0;}*/
    .about .column {display: block; width: 100%!important; float: none!important;}
    .about .column.first {margin-bottom: 20px;}
    .service .text_box {padding: 15px 15px 15px 195px;}
    .service .text_box h4 {margin-bottom: 5px;}
    .service .text_box .short_text {margin-bottom: 8px;}
    .category .category_block {margin-right: 0!important; display: block; width: 100%;}
    .category .category_block .text_container {margin-bottom: 0;}
    .category .category_block {height: 335px;}
    .category .category_block .img_container {overflow: hidden; height: 100%;}
    .our_service .text_box, .our_service .text_box:nth-child(3n+2) {margin-right: 20px;}
    .our_service .text_box:nth-child(2n+2){margin-right: 0;}
    .our_service .text_box {width: 355px;}
    .our_service .text_box .img_container img {width: 100%;}
    .other_service .line {padding-right: 100px; height: 90px;}
    .contact .contact_box {margin-left: -370px;}
    .banner .text_box {left: 20px; max-width: 400px;}
    .banner .text_box .title {font-size: 30px; line-height: 30px;}
}


/* 460 */ 
@media (max-width : 760px) {
    div.bread_crumbs{display:none;}
   .limit{width:460px}    
    .bread_crumbs {white-space: nowrap; overflow: hidden;}
    header .menu, header .auth_panel{display: none;}
    header .text_block h1 {font-size: 32px;}
    .our_products .product_card {width: 224px;}
    .our_products .product_card:nth-child(3n+2) {margin-right: 6px!important;}
    .our_products .product_card:nth-child(2n+2){margin-right: 0!important;}
    .free_access h1 {font-size: 36px;}
    .free_access .sub_text {padding: 0;}
    .advantages .sub_text br, .clients .sub_text br, .category .sub_text br {display: none;}
    .advantages .advantages_card {width: 200px;}
    /*.clients .logo_container {margin-right: 9px; width: 105px; height: 135px;}*/
    /*.clients .logo_container .cell {width: 105px; height: 105px;}*/
    .faq table.faq_table .question {height: auto;}
    footer {height: auto; padding-bottom: 150px;}
    .footer-push {display: none;}
    .layout {margin-bottom: 0; min-height: 0!important;}
    footer .column{margin: 0 0 30px; width: 100%!important; display: block!important; text-align: center;}
    footer .column.first {width: 150px!important; margin-bottom: 0;}
    footer .column.fourth {width: 245px!important; margin: 0 auto;}
    footer .column .title {border-bottom: 0 none; margin-bottom: 0; height: 30px; padding-bottom: 10px;}
    footer .column div.link {left: 0;}
    footer .column div.link a{color:rgba(255, 255, 255, 0.7);}
    .service .text_box .img_container {display: none;}
    .service .text_box {padding-left: 15px; height: auto;}
    .service .text_box .short_text {margin-bottom: 12px;}
    .help .mail, .help .adres, .help .tel {display: block;}
    .help .tel {margin-bottom: 20px;}
    .help .mail, .help .adres {border-bottom: 0 none; margin-left: 20px; margin-top: 7px;}
    .category .category_block .img_container {display: none;}
    .category .category_block  {padding-left: 20px; height: auto;}
    .category .category_block .text_container {max-height: none;}
    .job .contact_info div {margin-right: 15px;}
    .job .contact_info div.mail {margin-right: 0;}
    .contact #map {margin-left: -835px;}
    .blue_list .column, .white_list .column {width: 100%; padding-right: 0; margin-bottom: 15px;}
    .blue_list .column:last-of-type, .white_list .column:first-of-type {margin-bottom: 0;}
    .white_list .column:last-of-type {margin: 20px 0 0;}
    .white_list .column h3 {height: auto; margin-bottom: 15px;}
    .tools .text_block {margin: 0 0 25px; display: block; width: 100%;}
    .tools .text_block:last-of-type {margin-bottom: 0;}
    .our_service .text_box, .our_service .text_box:nth-child(3n+2) {margin-right: 7px;}
    .our_service .text_box:nth-child(2n+2) {margin-right: 0;}
    .our_service .text_box {width: 224px;}
    .our_service .text_box .img_container {height: 145px;}
    .our_service .text_box h4 {height: 60px;}
    .our_service .text_box .short_text {max-height: none; height: 138px; overflow: hidden;}
    .other_service .column {display: block; width: 100%; float: none!important;}
    .other_service .line {height: 70px; padding-right: 115px;}
    .other_service .column.right .line:first-of-type {border-top: 2px solid #e8e8e8;}
    .contact .contact_box {margin-left: -230px;}
    .adaptive_set {position: relative; z-index: 2;}
    header .language_panel {z-index: 2;}
    .banner {height: 315px;}
    .banner .text_box {width: 100%; max-width: none; left: 0; top: auto; bottom: 20px; text-align: center;}
    .banner .shadow {background: url(../images/shadow2.png) bottom center repeat-x;}
    .banner .text_box .button {left: 50%; margin-left: -87px;}
    .banner .text_box .title {font-size: 28px; width: 100%; position: absolute; bottom: 80px; left: 0; padding: 0 15px;}
    .banner .text_box .short_text {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; bottom: 60px; left: 0; padding: 0 15px;}
    .banner img {right: -100px;}
    .projects .project img {left: 50%!important; right: auto; margin-left: -120px;}
    .projects .project .title {font-size: 30px; line-height: 30px;}
    .projects .project {padding: 280px 20px 20px 20px!important; text-align: center;}
    .poultry .column {width: 100%; display: block; float: none!important;}
    .poultry .column.first {margin-bottom: 20px;}
    /*my styles for clients on main*/
    .clients .logo_container .title {width: 100px;}
    .clients .logo_container .cell {width: 100px; height: 100px;}
    
}



/* 300 */ 
@media (max-width : 480px) {
   .limit{width:300px; padding: 0 10px;}
    header .limit {padding-top: 20px;}
    .header-first-line-left{flex-direction: column;}
    .header-line-menu{flex-direction: column-reverse;}
    header .language_panel {height: 20px; width: 100%; text-align: center; padding: 0; position: absolute; top: 0px; left: 0;}
    header .language_panel a{ margin: 0 3px; display: inline-block;}
    header .logo {background: url(../images/phone_logo.png); width: 320px; height: 205px; left: 50%; margin-left: -160px;}
    header .contact_info {float: none!important; width: 100%; text-align: center;}
    header .contact_info .adres i, header .contact_info .mail i {display: none;}
    header .contact_info .adres, header .contact_info .mail {margin-left: 0!important;}
    header .contact_info .tel {margin-top: 15px;}
    header .text_block {padding: 20px 0 0;}
    header .text_block h1 {font-size: 24px;}
    header .text_block .logo_block.first {margin-bottom: 25px;}
    .our_products .product_card {margin: 0 auto 15px!important; display: block; width: 240px;}
    .our_products .product_card:nth-child(2n+2), .our_products .product_card:nth-child(3n+2) {margin: 0 auto 15px!important;}
    .free_access h1 {font-size: 31px; line-height: 34px; margin-bottom: 20px; }
    .free_access .button.reg {margin-bottom: 20px;}
    .advantages .advantages_card {margin: 0 auto 30px; display: block; width: 240px;}
    .advantages .advantages_card:last-of-type {margin: 0 auto;}
    /*.clients .logo_container {width: 130px; margin-right: 8px; height: 160px; margin-bottom: 20px;}*/
    /*.clients .logo_container .cell {width: 130px; height: 130px;}*/
    .clients {padding:20px 0 0;}
    footer {padding: 20px 0 160px;}
    .modal {width: 280px; padding: 20px;}
    .modal .close{ right: 0;}
    .basic_form input[type="submit"] {font-size: 16px; height: 46px;}
    .basic_form input.inline[type="submit"] {padding: 0 25px;}
    .basic_form .forget_link {font-size: 15px; top: 20px;}
    .modal .sub_text {padding-left: 15px;}
    .modal .modal_title {font-size: 24px; line-height: 24px;}
    .service .text_box {margin-bottom: 15px;}
    .docs {padding-bottom: 20px;}
    .bx-wrapper {padding: 0 35px;}
    .docs .bx-controls-direction a.bx-prev {left: 0;}
    .docs .bx-controls-direction a.bx-next {right: 0;}
    footer .column div.link a {padding: 0 3px;}
    footer .limit {padding: 0;}
    footer .column.fourth .mail, footer .column.fourth .adres, footer .column.fourth .tel {left: 0;}
    .answers .answer_card .ico {display: none;}
    .answers .answer_card {padding-left: 20px;}
    .contact .contact_box {width: 280px; padding: 15px; top: 170px; margin-left: -140px;}
    .contact #map {margin-left: -960px; top: -150px;}
    .blue_list h2, .white_list h2, .form_order h2, .tools h2 {margin-bottom: 25px;}
    .form_order .sub_text {padding-left: 15px;}
    .our_service .text_box {margin-right: 0!important; width: 100%;}
    .our_service .text_box .short_text, .our_service .text_box, .our_service .text_box h4 {height: auto;}
    .other_service .line {height: auto; padding-right: 100px;}
    .other_service .column.right {margin-top: 15px;}
    footer .column div.link a, footer .column.fourth .mail, footer .column.fourth .adres, .contact .contact_box .sub_text, 
    .contact .contact_box .mail, .contact .contact_box .adres{font-size: 14px;}
    .contact {background-color: rgb(232,231,227);}
    .job .contact_info div {margin:0 0 5px 0; display: block;}
    .job .contact_info div.mail {margin-bottom: 0;}
    .banner .text_box .title {font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 24px;}
    .banner img {right: -200px;}
    .poultry .sub_text img {display: block; float: none; margin-bottom: 10px;}
    header, .free_access, .clients, .service, .blue_list, .form_order {background-attachment: scroll; background-size: cover;}
    
    .our_products, .free_access, .trade, .projects, .poultry, .tools, .form_order, .our_service, .blue_list, .other_service, .white_list, .advantages, .job, .faq, .about_product, .about, .service, .help, .category, .answers {padding: 20px 0;}
    .our_products h1, .contact .contact_box h1, .projects h1, .poultry h1, .trade h1, .advantages h1, .other_service h1, .our_service h1, .about_product h1, .job h1, .clients h1, .answers h1, .faq h1, .about h1, .service h1, .help h1, .docs h1, .category h1 {font-size: 30px; min-height: 30px; line-height: 30px; }
    .our_products .sub_text, .about_product .sub_text, .poultry .sub_text, .projects .sub_text, .trade .sub_text, .other_service .sub_text, .our_service .sub_text, .job .sub_text, .answers .sub_text, .category .sub_text, .advantages .sub_text, .clients .sub_text, .faq .sub_text, .about .sub_text, .service .sub_text, .help .sub_text {margin-bottom: 30px; padding-left: 15px;}
    /*my styles for clients on main*/
    /*.clients .logo_container .title {width: 130px;}*/

}


@media all 
and (device-width: 768px) 
and (device-height: 1024px){
    header .menu li a {padding: 0 10px;}
    header, .free_access, .clients, .service, .blue_list, .form_order {background-attachment: scroll; background-size: cover;}
    footer .column div.link a, footer .column.fourth .mail, footer .column.fourth .adres, .contact .contact_box .sub_text, 
    .contact .contact_box .mail, .contact .contact_box .adres{font-size: 14px;}
}

@media all 
and (device-width: 768px) 
and (device-height: 1024px) 
and (orientation:portrait) {
    header .menu li a {padding: 0 7px;}
    .our_products .product_card {margin-right: 5px!important;}
    .our_products .sub_text br, .advantages .sub_text br, .clients .sub_text br, .faq .sub_text br{display: none;}
    .service .text_box .short_text, .service .text_box h4 {font-size: 14px;}
}