:root {
  --margin-100:100px;
  --margin-85:85px;
  --margin-60:60px;
  --margin-30:30px;

  --header-height: 100px;
  --logo-height:70px;
  --header-size-40:40px;
  --header-size-18:18px;
  --header-size-14:14px;

  --dropdown-padding-60:60px;
  --dropdown-margin-50:50px;
  --dropdown-height-50:50px;
  --dropdown-margin-left-25:25px;
  --dropdown-margin-size-20:20px;
  --dropdown-margin-size-16:16px;
  --dropdown-margin-size-14:14px;

  --banner-size-70:70px;
  --banner-size-18:18px;

  --btn-size-16:16px;
  --btn-height-44:44px;
  --btn-size-18:18px;
  --btn-radius-22:22px;

  --title-size-40:40px;
  --title-size-28:28px;
  --title-size-24:24px;
  --title-size-18:18px;
  --title-size-16:16px;

  --home-tag-size-14:14px;
  --home-tag-height-28:28px;

  --home-prod-size-20:20px;
  --home-prod-size-16:16px;
  --home-prod-height-100:100px;

  --home-plan-size-28:28px;
  --home-plan-size-16:16px;

  --home-advantage-radius-15:15px;
  --home-advantage-height-100:100px;
  --home-advantage-size-20:20px;
  --home-advantage-size-16:16px;

  --brand-height-122:122px;
  --brand-height-244:244px;
  --brand-width:420px;
  --brand-margin:-122px;

  --home-news-size-20:20px;
  --home-news-size-16:16px;
  --home-news-size-14:14px;
  --home-news-height-60:60px;
  --home-news-height-30:30px;


  --advertising-size-48:48px;
  --advertising-size-20:20px;


  --footer-size-18:18px;
  --footer-size-16:16px;

  --page-ban-size-70:70px;
  --page-ban-size-48:48px;
  --page-nav-size-20:20px;
  --page-pagination-size-18:18px;

  --page-line-width-34:34px;
  --page-line-height-5:5px;

  --contact-size-34:34px;
  --contact-size-20:20px;
  --contact-size-18:18px;
  --contact-size-16:16px;
  --contact-form-size-18:18px;

  --news-size-28:28px;
  --news-size-24:24px;
  --news-size-18:18px;
  --news-radius-9:9px;
  --news-wh-50:50px;


  --detail-size-34:34px;
  --detail-size-16:16px;

  --case-size-20:20px;
  --case-size-18:18px;
  --case-size-16:16px;
  --case-size-14:14px;
  --case-wh-32:32px;

  --prod-size-24:24px;
  --prod-radius-60:60px;


  --page-size-40:40px;
  --page-size-18:18px;
  --page-size-16:16px;
  --page-wh-24:24px;
  --page-ml-12:-12px;
  
  --page-size-100:100px;
  --page-lr-50:-50px;
  --page-icon-wh-85:85px;
  --page-icon-size-40:40px;

  --page-size-20:20px;
  --page-size-100:100px;
  --page-icon-size-48:48px;

  --page-size-48:48px;
  --page-size-28:28px;
  --page-size-14:14px;
  --page-size-150:150px;
  --page-wh-70:70px; 
  --page-lr-35:-35px; 

  --about-size-40:40px;
  --about-top-13:-13px;
  --about-history-13:13px;
  --about-history-19:19px;
  --about-history-39:39px;
  --about-history-40:40px;

}


@media screen and (max-width: 1680px) {

    :root {
    --margin-100:85px;
    --margin-85:70px;
    --margin-60:50px;
    --margin-30:25px;

    --header-height: 85px;
    --logo-height:60px;
    --header-size-40:34px;
    --header-size-18:16px;
    --header-size-14:12px;

    --dropdown-padding-60:50px;
    --dropdown-margin-50:40px;
    --dropdown-height-50:40px;
    --dropdown-margin-left-25:20px;
    --dropdown-margin-size-20:18px;
    --dropdown-margin-size-16:14px;
    --dropdown-margin-size-14:12px;

    --banner-size-70:60px;
    --banner-size-18:16px;

    --btn-size-16:14px;
    --btn-height-44:40px;
    --btn-size-18:16px;
    --btn-radius-22:20px;

    --title-size-40:34px;
    --title-size-28:24px;
    --title-size-24:20px;
    --title-size-18:16px;
    --title-size-16:14px;

    --home-tag-size-14:12px;
    --home-tag-height-28:24px;

    --home-prod-size-20:18px;
    --home-prod-size-16:14px;
    --home-prod-height-100:84px;

    --home-plan-size-28:24px;
    --home-plan-size-16:14px;

    --home-advantage-radius-15:12px;
    --home-advantage-height-100:85px;
    --home-advantage-size-20:18px;
    --home-advantage-size-16:14px;

    --brand-height-122:104px;
    --brand-height-244:208px;
    --brand-width:358px;
    --brand-margin:-104px;

    --home-news-size-20:18px;
    --home-news-size-16:14px;
    --home-news-size-14:12px;
    --home-news-height-60:50px;
    --home-news-height-30:25px;

    --advertising-size-48:40px;
    --advertising-size-20:18px;

    --footer-size-18:16px;
    --footer-size-16:14px;


    --page-ban-size-70:60px;
    --page-ban-size-48:40px;
    --page-nav-size-20:18px;
    --page-pagination-size-18:16px;

    --page-line-width-34:28px;
    --page-line-height-5:4px;

    --contact-size-34:28px;
    --contact-size-20:18px;
    --contact-size-18:16px;
    --contact-size-16:14px;
    --contact-form-size-18:16px;

    --news-size-28:24px;
    --news-size-24:20px;
    --news-size-18:16px;
    --news-radius-9:8px;
    --news-wh-50:40px;

    --detail-size-34:28px;

    --case-size-20:18px;
    --case-size-18:16px;
    --case-size-16:14px;
    --case-size-14:12px;
    --case-wh-32:26px;

    --prod-size-24:20px;
    --prod-radius-60:50px;


    --page-size-40:34px;
    --page-size-18:16px;
    --page-size-16:14px;
    --page-wh-24:20px;
    --page-ml-12:-10px;

    --page-size-100:84px;
    --page-lr-50:-42px;
    --page-icon-wh-85:70px;
    --page-icon-size-40:34px;

    --page-size-20:18px;
    --page-size-100:85px;
    --page-icon-size-48:40px;

    --page-size-48:40px;
    --page-size-28:24px;
    --page-size-14:12px;
    --page-size-150:120px;
    --page-wh-70:60px; 
    --page-lr-35:-30px; 

    --about-size-40:34px;
    --about-top-13:-11px;
    --about-history-13:11px;
    --about-history-19:16px;
    --about-history-39:33px;
    --about-history-40:34px;

    }

}


@media screen and (max-width: 1440px) {

    :root {
    --margin-100:70px;
    --margin-85:60px;
    --margin-60:40px;
    --margin-30:20px;

    --header-height: 70px;
    --logo-height:50px;

    --dropdown-padding-60:40px;
    --dropdown-margin-50:34px;

    --banner-size-70:50px;
    --banner-size-18:14px;

    --btn-size-16:12px;
    --btn-height-44:34px;
    --btn-size-18:14px;
    --btn-radius-22:17px;

    --title-size-40:28px;
    --title-size-28:20px;
    --title-size-24:18px;

    --home-prod-size-20:16px;
    --home-prod-height-100:70px;

    --home-plan-size-28:20px;

    --home-advantage-radius-15:10px;
    --home-advantage-size-20:16px;

    --brand-height-122:86px;
    --brand-height-244:172px;
    --brand-width:296px;
    --brand-margin:-86px;    

    --home-news-size-20:16px;

    --advertising-size-48:34px;
    --advertising-size-20:16px;


    --page-ban-size-70:50px;
    --page-ban-size-48:34px;
    --page-nav-size-20:16px;
    --page-pagination-size-18:14px;

    --page-line-width-34:24px;
    --page-line-height-5:3px;

    --contact-size-34:24px;
    --contact-size-20:16px;
    --contact-form-size-18:14px;

    --news-size-28:20px;
    --news-size-24:18px;
    --news-size-18:14px;
    --news-radius-9:7px;
    --news-wh-50:34px;    

    --detail-size-34:24px;
    --detail-size-16:14px;

    --case-size-20:16px;
    --case-size-18:14px;

    --prod-size-24:18px;
    --prod-radius-60:40px;

    --page-size-40:28px;
    --page-wh-24:16px;
    --page-ml-12:-8px;

    --page-size-100:70px;
    --page-lr-50:-35px;
    --page-icon-wh-85:60px;
    --page-icon-size-40:28px;

    --page-size-20:16px;
    --page-size-100:70px;
    --page-icon-size-48:34px;    


    --page-size-48:34px;
    --page-size-28:20px;
    --page-size-150:100px;
    --page-wh-70:50px; 
    --page-lr-35:-25px;


    --about-size-40:28px;
    --about-top-13:-9px;
    --about-history-13:9px;
    --about-history-19:13px;
    --about-history-39:27px;
    --about-history-40:28px;


    }

}


@media screen and (max-width: 1024px) {

    :root {
    --margin-100:35px;
    --margin-85:30px;
    --margin-60:20px;
    --margin-30:10px;

    --header-height:60px;
    --logo-height:40px;
    --header-size-40:28px;
    --header-size-18:14px;

    --dropdown-padding-60:30px;
    --dropdown-margin-50:25px;

    --banner-size-70:34px;
    --banner-size-18:12px;


    --title-size-40:24px;
    --title-size-28:18px;
    --title-size-24:16px;
    --title-size-18:14px;

    --home-plan-size-28:18px;

    --brand-height-122:71px;
    --brand-height-244:142px;
    --brand-width:244px;
    --brand-margin:-71px;        

    --home-news-size-20:14px;

    --advertising-size-48:24px;
    --advertising-size-20:14px;


    --page-ban-size-70:34px;
    --page-ban-size-48:24px;
    --page-nav-size-20:14px;


    --news-size-28:18px;
    --news-size-24:16px;

    --detail-size-34:18px;

    --prod-size-24:16px;
    --prod-radius-60:28px;


    --page-size-40:20px;
    --page-size-18:14px;
    --page-wh-24:12px;
    --page-ml-12:-6px;  
    
    --page-size-20:14px;
    --page-size-100:60px;

    --page-size-48:24px;
    --page-size-28:16px;
    --page-size-150:70px;
    --page-wh-70:40px; 
    --page-lr-35:-20px;

    --about-size-40:20px;
    --about-top-13:-7px;
    --about-history-13:7px;
    --about-history-19:10px;
    --about-history-39:21px;
    --about-history-40:20px;


    }

}



@media screen and (max-width: 768px) {

    :root {

    --banner-size-70:24px;

    --title-size-40:20px;
    --title-size-24:14px;

    --page-ban-size-70:28px;
    --page-ban-size-48:20px;

    --brand-height-122:58px;
    --brand-height-244:116px;
    --brand-width:200px;
    --brand-margin:-58px;  

    --advertising-size-48:18px;
    --advertising-size-20:14px;

    --news-size-28:16px;
    --news-size-24:14px;


    --prod-radius-60:20px;

    --page-lr-50:0;

    --page-size-48:20px;
    --page-size-28:14px;
    --page-size-150:60px;
    --page-wh-70:34px; 
    --page-lr-35:-17px;    

    --about-size-40:18px;

    }


}