@charset "utf-8";
/* CSS Document */

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

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

@media all and (max-width: 991px) {
	.menu{ display: none; }

	.btn_toggle{ display: block; }
	.btn_toggle{ width: 50px; height: 50px; background: none; border: 0; cursor: pointer; position: absolute; top: 25px; right: 10px; z-index: 1000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
	.btn_toggle.active{ position: fixed; top: 4px !important;}

  #cont .container{ background-size: 25% auto; }
}

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

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

@media all and (max-width: 575px) {
  #pdt, #news{ background-size: 15% auto; }
}

@media all and (max-width: 480px) {
  h2{ font-size: 1.5em; }
  h3{ font-size: 1.25em; }
  h4{ font-size: 1.125em; }
  h5{ font-size: 1em; }
  h6{ font-size: 1em; }

  section{ padding: 50px 0; }
  section h2{ margin-bottom: 30px; }

  header{ height: 80px;}
  .logo, .logo a{ width: 150px; height: 50px;}
  .btn_toggle{ top: 15px;}

  #abt .txt{ padding: 30px;}

  .container{ padding: 0 10px; }

  #cont .container{ padding: 40px 0; background-size: 23% auto; }
  .cont_box span{ margin: 0 10px; font-size: 1.5em;}

  .copyright{ font-size: .813em;}

  .share_wrap li a{ width: 60px;}

  #inner .box_wrap{ padding: 20px 10px;}
}

@media all and (max-width: 375px) {
	.logo span{ float: left; margin: 16px 0 0 10px;}

	.modal-list li span{ width: 80px;}
  .modal-list li p{ width: calc(100% - 80px);}
}

@media all and (max-width: 374px) {
	.logo span{ display: none;}

	.modal-list li span{ width: 70px;}
  .modal-list li p{ width: calc(100% - 70px);}

  .share_wrap li a{ width: 40px;}
}

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