 
 
@media all and (max-width: 1600px){ 

}

@media all and (max-width: 1400px){ 

}
@media all and (max-width: 1200px){ 
 
}
@media all and (max-width: 1020px){ 
	.is_mb #nav_top li.li_lv1 a {
	  font-size: 13pt;
	}
}



@media all and (max-width: 990px){  

.show_mb{ display:inline-block;}

body, p, td, th, div, span { 
  font-size: 14pt;
}

#abs_dk_img{ display:none !important}
#abs_mb_img{ display:block !important}

#body_all_cnt {	
  padding: 0 0 40px 0;  
  border-radius: 0 0 0 0 !important;
  min-height: calc(100vh - 120px);
}
.hlsh_home #body_all_cnt { 
  min-height: calc(100vh - 120px);
}
  

#inner_cnt{ padding:30px 40px 60px 40px;}
#section_footer{ padding:0 20px 0 20px ;line-height:16px;}
 #section_footer span {font-size: 14px; line-height:16px;}
 
 
 #arrow_cnt{ margin:0 0 0 0;position: absolute; border:0; top:5px;}
 #arrow_cnt b, #arrow_cnt a span, #arrow_cnt a { 
  height: 30px; 
  line-height: 30px;
  font-size: 16pt;
 }
  #arrow_cnt a span{ display:none}
 #arrow_cnt.cat{ border:0; position: relative;}
 .ntt {  margin: 0 0 0 0;}
.nval {   margin: 0 0 20px 0;}

#news_inner_row .p20.card.mt-4{ margin:0 !important; padding:20px}
#news_inner_row .p20.card.mt-4 p{ margin:0 !important; padding:20px}


#inner_title {    font-size: 28pt;margin: 0 0 20px 0;}
#nav_top{ display:none}
#mb_cnt {  display: block; position: absolute; top:40px; right:30px; padding:5px;overflow:hidden; }
#mb_cnt button {background:var(--bluecc); color:#fff; padding:10px;   border-radius: 5px   !important; }

#nav_gap{ display:block;height:120px;}
#nav{ position:fixed; left:0; top:0; width:100%; height:120px; z-index:800; background-size:100%; background-position:50% 0; background-repeat:0 }
.hlsh_home #nav{  position:static; }
.hlsh_home #nav_gap{ display:none;}
#nav.base_bg #mb_cnt  { position:fixed; z-index:5000;}
#nav .nav_cnt {height:120px;justify-content: flex-start;}
#nav .nav_cnt #logo_cnt{ width:36%; text-align:left;  }
#logo_btn { 
  max-width: 160px;
  margin: 10px 0 0 0;
}

 #sb_div.home{ display:block}
#inner_title { 
  position: relative;
  display: block;margin: 0 0 10px 0;
}
#mbtt_cnt{ display:none;}
  
#mycart .bb{ display:block; height:30px; width:30px;overflow:hidden;position: relative}
#mycart .bb .lb{ margin:5px 0 8px 0; padding:0; display:block; width:30px; height:1px; overflow:hidden; border-bottom:2px solid #fff; 
}
#mb_cnt.on{ top:0; right:0;}
#mb_cnt.on #mycart{ display:none }
#mb_cnt #mycart{ display:block; border:0}
#mycart.collapsed .tt{ display:none}
#mycart.collapsed .bb{ display:block}
#mycart .tt{ display:block}
#mycart .bb{ display:none}
#bs-navbar-collapse-1{display:block; background:var(--bluecc); color:#fff; padding:10px;   border-radius: 5px   !important; 
position: absolute; top:0; right:0; height:0; overflow:hidden}
.hlsh_home  #bs-navbar-collapse-1{position: fixed; z-index:5100;}
#bs-navbar-collapse-1.show{ opacity:1; height:auto;  text-align:right; border-radius: 0 0  0px 35px  !important; overflow:hidden}
#mb_nav { padding:20px 10px 10px 20px;   }
#mb_nav li a{ color:#fff; font-size:12pt; margin:2px 8px 2px 8px; font-weight:bold; display:block;text-align:right} 
 
 #home_mbox .i_tt,
 #home_mbox .black{ text-align:left}
 #home_mbox .black{ margin:0 0 5px 0;}
  #home_mbox .inp_js .form-control { padding:2px 5px 2px 5px;}
    #home_mbox  .btn-outline-light{ width:70%;}
#home_mbox .btn-light{ padding:5px 40px 5px 40px;}
 #home_mbox ,
 #home_mbox p{ font-size:12pt;} 
 #home_mbox.text-center a{ display: inline-block}  
  #fpwd_btn{ font-size:12pt; padding-top:0; margin-top:-5px;}
  
 #home_sgbox{   margin:0 0 10px 0; padding:30px 18px 30px 18px; }
  
#home_sgbox h1{font-size:36pt; line-height:39pt;  }
#home_sgbox h2{ font-size:16pt; line-height:19pt;  margin:20px auto 0 auto; }

 #home_mbox{ width:calc(100% - 80px);   }
 
 #sb_div.text-end{ text-align:left !important; margin:0 0 30px 0;}
 
#home_lgarea{ display:flex;flex-wrap:  wrap;    flex-direction: none;}
#home_mbox .btn-outline-light{ padding:5px 0 5px 0;width:100%; white-space: nowrap }
.pd_main { display:none}
.pd_bar {
  width:100%;
  margin: 0 auto;
  float: none;
}
.pd_bar.d-none{ display:block !important;}
.pd_bar  #lightgallery.row{ margin:0; padding:10px 10px 0 10px;}
.pd_bar .inner_cake_col{ width:50%;}
.pd_bar.d-none .inner_cake_col{ width:100%;} 


  #ga_row{ margin:0 -20px 0 -20px;}
  .ga_item_cnt {  padding: 0 0 0 0;}
  .ga_item_cnt.video {  padding: 0 15px 0 15px;}
  .ga_item .ga_tt {
  height: 80px;
  font-size: 12pt;
  line-height: 15pt;
  max-width: 90%;
}

.mybtn{   padding: 3px 40px 3px 40px;}

.radio_cnt.d-flex   {  flex-wrap:wrap}
.mb_chg_cnt{}
.mb_chg_cnt .cg1{ width:calc(100% - 70px)}
.mb_chg_cnt .cg2{width:70px; font-size:12px; line-height:27px;}

.ga_item.video .ga_img { 
  height: 220px;
  border-radius: 20px !important; 
}

.ga_img {
  width: calc(100% - 30px); 
}
 
.cmb_item .cmb_img {
    width: 150px;
    height: 150px;
}
.cmb_item .cmb_data { width: calc(100% - 150px)}

.cmb_item{ padding-right:0;}
 
 .cmb_item .cmb_data p.val_title{ line-height:20pt; font-size:16pt;  }
 .cmb_item .cmb_data p.title1{line-height:20pt;  font-size:14pt; font-weight:bold;  }
 .cmb_item .cmb_data p.val_wp{  font-size:10pt; max-width:100%; }
 .cmb_item .cmb_data p.val_email{font-size:10pt; margin:15px 0 0 0; }
 #news_ul{ padding:15px 0 0 0;}
 #news_ul .n_item a {
  font-size: 14pt;
  line-height: 17pt; font-weight:300;
}
#inner_msgbox #editform .table.table-sm .form-control { padding: 5px 2px 5px 2px ;font-size:11px}
/*
  #nav .container-fluid .navbar-toggler{ display:block;
  position: absolute; color:#fff; top:2px; right:2px;
  border: 2px solid #fff; height:36px; width:36px; padding:0; text-align:center;
}
#nav #navbarNavAltMarkup{ background:var(--basecc); margin-top:40px;}
#nav .container-fluid .navbar-nav .nav-link.active {
border-radius: 15px   !important; 
}
 
   

#mb_cnt .mb_cnt_rw{align-content:flex-start;}
#mb_cnt .mb_cnt_left{ min-height:40px; height:80px;  display:flex; flex-wrap:  wrap; justify-content:center; align-items:center;}
#side_nav{display: inline-block;}
#side_nav li {
  display: inline-block;
  width: auto;
}*/

}

@media all and (max-width: 768px){  
body, p, td, th, div, span { 
  font-size: 12pt;
}
 #fpwd_btn,
#home_mbox .i_tt,
#home_mbox .black{ color:#fff; font-size:12pt} 
 #section_footer span {font-size: 12px; line-height:14px;}
 
 .cmb_item .cmb_data p.title1{line-height:15pt;  font-size:12pt; font-weight:bold;  }
 #news_ul .n_item a {
  font-size: 12pt;
  line-height: 15pt; font-weight:300;
}

#inner_title {
  font-size: 24pt;
}
.cmb_item .cmb_data {
  width: calc(100% - 110px);
}
.cmb_item .cmb_img {
  width: 110px;
  height: 110px;
}
.cmb_item .cmb_data p.val_wp {
  font-size: 12px;
}
.cmb_item .cmb_data p.val_title {
  line-height: 18pt;
  font-size: 14pt;
}
.cmb_item .cmb_data p.title1 {
  font-weight: bold; margin:0 0 5px 0;
}
.cmb_item .cmb_data p.val_email a {
  font-size: 12px; 
}

.cmb_item .cmb_data p.val_email {
  font-size: 12px;
  margin: 7px 0 0 0;
}
.ga_img {
  width: calc(100% - 40px);
}
.ga_item .ga_tt {
  height: 80px;
  font-size: 13px;
  line-height: 16px;
  max-width: 90%;
}
h2 {
  font-size: 16pt; 
}
}