/* --------------------------------------------------------------------------- */
@media (max-width: 1400px) {

}

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
@media (max-width: 1200px) {

  .NAV_MAIN .nav-item { margin: 0 2px; }
  .NAV_MAIN .nav-link { padding: 3px 10px; font-size: 14px; }

  .logo_cont{ display: flex; align-items: center;}
  .logo_img img{ width: 110px;}
  .fixed_menu .logo_img img{ width: 95px;}

  .SEARCH-container .SEARCH-scrolled .form-control{ font-size: 14px;}
  .index .SEARCH-container .SEARCH-scrolled,
  .SEARCH-container .SEARCH-scrolled {width: 320px;}
  .internal .SEARCH-container .SEARCH-scrolled{top:-90px}

  .show_search .SEARCH-container .SEARCH-scrolled{ top:-80px}
  .internal .fixed_menu .SEARCH-container .SEARCH-scrolled{ top:0px}

  /* .eco_visual */
  .eco_visual .tree{left: 20px; top:-58px; width: 40px; height: 59px}
  .eco_visual .bike{left: 60px; top:-27px; width: 50px; height: 28px}
  .eco_visual .wind{right: 20px; top:-69px; width: 90px; height: 69px}
  .eco_visual .family{display: block;}

  /* ._BANNER */
  ._BANNER h2{ font-size: var(--fs2);}


  /* brand page */
  .h-img{display: none;}


  /* .VOUCHER-EXPANDED */
  .VOUCHER-EXPANDED { padding: 20px 15px}
  .VOUCHER-EXPANDED .col-lg-4{ width: 100%; border: 0}
  .VOUCHER-EXPANDED ._brand_logo{ float: right; margin: 10px 0 10px 10px}
  .VOUCHER-EXPANDED ._brand_logo .eco-score{ right: 5px; left: auto;}

  .VOUCHER-EXPANDED .category_links,
  .VOUCHER-EXPANDED ._voucher_content_expand{ margin-left:0px;}

  .VOUCHER-EXPANDED ._voucher_actions{ padding-left: calc(var(--bs-gutter-x) * .5);}
  .VOUCHER-EXPANDED ._voucher_content_expand{ padding: 0;}
  .VOUCHER-EXPANDED .logo_size_lg{ width: 100px; height: 100px; }
  .VOUCHER-EXPANDED ._title_sm{ font-size: 12px}
  .VOUCHER-EXPANDED ._title_sm.date{ text-align: left; }

  .VOUCHER-EXPANDED .info_block{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EFEFEF;}



  .filter_vouchers .nav-link{ padding: 3px 10px;}

}

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
@media (max-width: 992px) {

  .NAV_MAIN .nav-link { font-size: 15px; }

  .NAVS{ position: relative; }

  .NAV_ACCOUNT{margin-right: 35px}

  .SEARCH-container { display: none;}
  .SEARCH-container .SEARCH-scrolled .form-control {padding: 12px 15px; border-color: var(--eco-blue);}

  .show_search .SEARCH-container{ display: none;}
  .SEARCH-fixed.showed{ display: block; z-index: 11;}
  .SEARCH-fixed.showed .SEARCH-scrolled{ top:0; right:0; left: 0; width: auto;}
  .SEARCH-fixed.SEARCH-container.showed .SEARCH-scrolled .button-SEARCH { background: var(--eco-blue); color: var(--eco-white); padding: 6px 10px; }

  .show_search .ico-SEARCH-container,
  .internal .ico-SEARCH-container{ top: 0px; opacity: 1}

  .TOP_BAR_cont{ margin: 0; border-top: 4px solid var(--eco-green);}

  .fixed_menu .TOP_BAR_cont{ padding: 0;}

  .main_nav__toggle { display:block;}

  /* mobile menu */
  .NAVS_CONTAINER{ opacity: 0; left: -240px; position: fixed; z-index: 10; top:0;  background: var(--eco-white); height: 100vh; min-width: 200px;}
  .NAVS_CONTAINER.showed{ opacity: 1; left:0px } /* left:-240px */

  .NAVS_CONTAINER .NAV_TOP{ position: relative;}
  .NAVS_CONTAINER .nav{ flex-direction: column;}
  .NAV_TOP,
  .NAV_MAIN{ padding: 10px; font-size: 15px}
  .NAV_MAIN .nav-item{ padding: 2px 0; border-bottom:1px solid var(--eco-gray5);}
  .NAV_MAIN .nav-link,
  .NAV_TOP_LINKS .nav-link:focus,
  .NAV_TOP_LINKS .nav-link{ padding: 5px 10px; display: block; margin: 0;}
  /*.NAV_TOP_LINKS .nav-item{  border-bottom:1px solid var(--eco-gray5);}*/
  .NAV_TOP .container{ padding: 0px}
  .NAV_TOP_LINKS a{ margin: 0}
  .NAV_TOP_LINKS .nav-item{ margin: 2px 0}



  /* .eco_visual */
  .eco_visual { top: -45px}
  .eco_visual .sun { right: 35px}
  .eco_visual .cloud.c1 { right: -35px}
  .eco_visual .cloud.c2 { left: 35px}
  .eco_visual .cloud.c3 { left: -25px}

  ._eco__background{ margin-top: 0; padding-top: 20px;}
  ._eco__background .RETAILERS,
  ._eco__background ._brands{ top: 0; margin-bottom: 0; height: 135px;}
  ._eco__background .eco_visual{ top: 0;}

  /* .eco_visual */
  .eco_visual .tree{left: 15px; top:-39px; width: 27px; height: 40px}
  .eco_visual .bike{left: 50px; top:-21px; width: 39px; height: 22px}
  .eco_visual .wind{right: 15px; top:-47px; width: 65px; height: 48px}


  /* .RETAILERS-LOGOS */
  .RETAILERS{ /*height: 165px;*/ }
  .RETAILERS-LOGOS,
  ._brands_logos{ justify-content: inherit; /*position: absolute;*/ left: 0}


  /* VOUCHERS-TOP _base_p */
  .VOUCHERS-TOP._base_p{ padding-top: 5px;}

  /* _about_ecoscanner */
  ._about_ecoscanner .col{flex: 0 0 auto; width: 100%; text-align: center;}
  ._about_ecoscanner .visual_about{border:0; order:1}
  ._about_ecoscanner .content-txt{ order:2}
  ._about_ecoscanner ._pad1,
  ._about_ecoscanner ._pad2{ padding: 0}


  /* base padding */
  .my-title { padding-bottom: 15px; }
  .my-title.col-9 { flex: 0 0 auto; width: 91.66666667%; }


  ._base_p { padding-top: 25px;  padding-bottom: 25px; }
  ._base_mb{ margin-bottom: 15px;}

  ._directory._base_p { padding-top: 75px; }


  /* _categories */
   ._categories ._categories_title{ order:1;}
   ._categories ._categories_list{ order:2;}

   ._categories .col-3,
   ._categories .col-9,
   ._categories .col-6{flex: 0 0 auto; width: 100%; text-align: center;}

   ._categories_list { padding-top: 5px; border-top: 1px dashed var(--eco-gray4); border-bottom: 1px dashed var(--eco-gray4);}

   ._categories_title ._img{ display: none;}
   ._categories_item { box-shadow: none; margin: 0 0 5px 0; padding: 7px 20px}
   ._categories_item img{ width: 24px; height: 24px;}

   ._categories_item::after {content: ""; border-top: 1px solid var(--eco-gray4_1); width: 100%; position: absolute; left: 0; top: -5px;}
   ._categories_item._first::after  {border-top: 0;}

   ._categories_item:hover img { transform:scale(1.2);}
   ._categories_item ._letter{ left: -5px; margin: 1px 0}
   ._categories_item:hover ._letter{ display: none;}



   /* FAQ */
   ._FAQ .col-3{ text-align: center;}
   ._FAQ .col-3,
   ._FAQ .col-9 {flex: 0 0 auto; width: 100%;}
   ._FAQ ._img{ display: none;}


   ._contacts{ border-right: 0;}



  /* fonts */
  :root{
      --fs1: 38px;
      --fs2: 26px;
      --fs_deco: 26px;
      --fs2_1: 26px; /* для _block в h2 */
      --fs4: 13px;
      --fs4_1: 15px; /* основной текст */

      /* -------------------------------- */
      --fs18_16: 16px; /* для блога */
      --fs20_18: 18px; /* для блога */
      --fs22_20: 20px; /* для блога */
      --fs135_56: 56px; /* FAQ */


      --fs36_24: 24px; /* h1 */
      --fs28_22: 22px; /* h2 */

      --fs__general: 15px;

  }


  ._title_deco,
  ._title_deco__blue { font-size: var(--fs2_1) !important; line-height: 135% !important;}
  ._title_deco__blue ._big{ margin-bottom: 20px}


  .CONTAINER-LEFT .eco_visual{ top: 0}
  .CONTAINER-LEFT .eco_visual .tree {

    left: 0px;
    right:0;
    margin: 0 auto;
    top: -55px;
    width: 105px;
    height: 48px;
}

.CONTAINER-LEFT .eco_visual .bike {
    left: 0px;
    right:0;
    margin: 0 auto;

    top: -32px;
    width: 50px;
    height: 23px;
}


.NAV_MAIN { margin-top: 0px;}


._right_col h2{ font-size: 24px;}



}


/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
@media (max-width: 768px) {

    /*.NAV_MAIN{ display: none;}*/


    ._BANNER img{  width: 70%;  height: auto;  margin: 30px 0; }


    ._form_container{ padding: 0}

    .form-control,
    .animated-form .form-group > label { font-size: 15px;}

    /* .modal-body */
    .modal-body { padding: 15px 20px; }

    /*.modal-content h2,*/
    .CONTINUE-close{ font-size: 18px;}


    .FILTER_BLOCK{ padding: 5px 0;}
    .FILTER_BLOCK .col-title{ display: none; /*float: none; width: auto; display: block;*/ }
    .FILTER_BLOCK h3{ text-align: left;}

    .filter_vouchers{ justify-content: center; /*background: var(--gray6);*/ padding: 5px calc(.5 * var(--bs-gutter-x)); margin: 0 calc(-.5 * var(--bs-gutter-x));}
    .filter_vouchers .nav-link { padding: 3px 7px; }


}


/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
@media (max-width: 576px) {

    body.internal {padding: 50px 0 0 0}


    /* typehead */
    #scrollable-dropdown-menu .tt-menu { max-height: 370px; overflow-y: auto;}
    .tt-suggestion{ font-size: 14px;}
    .tt-suggestion .logo-retailer-md{ width: 45px; height: 45px;}

    .form-SEARCH .form-control{ padding: 11px 15px; }
    .button-SEARCH{ padding: 6px 25px;}


    /* menu */
    .TOP_BAR_cont {padding: 0;}
    .logo_img img{ width: 95px;}


    /* hedader */
    .MY-HEADER { padding: 35px 0}

    .index{ padding: 50px 0 0 0;}

    .slogan { margin: 0}
    .slogan h1 { line-height: 110%;}
    .slogan h1 span{ display: block;}


    /* .eco_visual */
    .eco_visual { top: 0px}
    .eco_visual .sun { right: 45px; width: 45px}
    .eco_visual .cloud.c1 { right: 15px}
    .eco_visual .cloud.c2 { left: 50px; top:-5px; width: 30px}
    .eco_visual .cloud.c3 { left: 15px; top: 20px}


    /* .RETAILERS-LOGOS */
    ._eco__background .RETAILERS{ height: auto; }
    .RETAILERS-LOGOS{ position: relative;}
    .RETAILERS-LOGOS .logo-retailer-md{ width: 76px; height: 76px;}
    .RETAILERS-LOGOS li{ padding: 0 4px;}

    /* ._brands */
    ._eco__background ._brands{ height: auto; }
    ._brands_logos{ position: relative;}

    ._brands_logos .logo-retailer-md,
    ._brands_logos .logo_size_md { width: 76px; height: 76px;}

    ._brands_logos._list .logo_size_md { width: 90px; height: 90px;}

    ._brands_logos li{ padding: 0 4px;}

    .eco-score{ width: 32px; height: 32px;}
    .score_size_xl{ width: 80px; height: 80px;}

    .btn-score .score_size_xl { top: -18px; left: -10px; }


    /* .MY-footer-nav */
    .RETAILERS-LINKS .MY-footer-nav{ padding: 0 10px}


    /* ALPHABET  */
    .nav_letters li{display: inherit;}
    .nav_letters li a{ display: inline-block; padding: 3px;}
    .ALPHABET{ float: right; display: inline-block !important; width: 40px; overflow: scroll; position: fixed; height: 100vh; margin-right: -10px; padding-left: 0px;}
    .ALPHABET_paddings{padding-right: 30px;}
    .nav_letters{margin-bottom: 75px}

    /* _brands_logos */
    ._brands_logos._list li{ width: 100px; margin: 0 3px}
    ._brands_logos._list .logo-retailer-md{ width: 100px; height: 100px;}


    /* visit-site-block */
    /*._brand_header{ margin-bottom: 30px}*/
    ._brand_header  .col-xs-12,
    .visit-site-block {width: 100%;}
    ._brand_header ._brand_logo{ display: none;}

    .CONTAINER-LEFT{ margin-top: 30px}
    .CONTAINER-LEFT .eco_visual{ /*display: none;*/}




.FOOTER{ padding: 45px 0}
.FOOTER .col-6{ width: 33%; text-align:center;}
.FOOTER ._legal{ padding-top: 0;}
.FOOTER ._right_col{ align-items: center; padding-top: 30px;}
.FOOTER .logo_ecoscanner{ width: 150px}


    ._directory._base_p { padding-top: 45px; }

}