@media screen and (max-width: 1259px) {
.container{ width:1000px;}
.logo{width: 120px;}
.header-rgt{width: 860px;}
.tag-line{  font-size: 18px;}
.call-txt{font-size: 21px;}
.menu ul li{padding-left: 12px;}
.menu ul li a{font-size: 13px;}
#header.fixed .menu ul li{padding:0 10px 13px;}
#header.fixed .menu ul li:first-child{padding-left: 10px;}


.ft-menu ul li{ padding:0 10px; margin-left:0px;}
.ft-box01{padding-right: 36px;    width: 310px;}
.ft-box02{ padding:0 34px 21px; width: 360px}
.ft-box03{   width: 286px;}
.tl-no{ padding-bottom: 5px;}
/*.tl-no strong{ display: block;}*/
.sign-box input[type="text"]{}
.sign-box .cpt-box input[type="text"] {width: 74%;}
.sign-box input[type="submit"]{ width: 81px;   font-size: 12px;}
.blog-lft{ width: 694px;}
.blog-rgt{width: 247px;}
.nw-head{font-size: 16px;}
.blog-fm-lft{   width: 302px;}
.blog-fm-rgt{   width: 302px;}
.s-md a figure{width: 55px;}
.s-md{margin-right: 12px;}
.tl-no a{font-size:16px;}
.nw-line .cpt-box input[type="text"] {
  width: 74.65%;
}
.menu ul li {

  padding-bottom: 17px;

}
.menu ul li ul li {

  padding: 6px 25px;
  
}
#header.fixed .menu ul li ul li:first-child {
  padding-left: 10px;
}
}


@media screen and (max-width: 1023px) {
.container{ width:738px;}
#header {

  padding-bottom: 13px;

}
.menu{ display:none;}
.header-rgt{ width: 419px;}
.tag-line{ border:none; padding-right:0px; margin-right:0px;}
.breadcrumbs ul li{ font-size: 16px; background-position: left 2px;}
.i-ban-main {
  font-size: 29px;
  line-height: 36px;
}
.i-ban-sub {
    font-size: 18px;
    line-height: 27px;
}
.inner-ban-txt {
    height: 64px;
}
.ft-menu {
    padding: 31px 0 28px;
}
.ft-menu ul li{ padding: 0 4px;}
.ft-menu ul li a{ font-size: 13px;
    line-height: 21px;}
.ft-box01{ width:100%; padding-right:0px; padding-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-bottom:30px;}
.gl-logo{ float:left; margin-right:20px;}
.gl-line{ float:none; display:block; margin-top: 4px; text-align:left;}
.ft-box02{ border-left:none; padding-left:0px;  width: 370px; padding-bottom:0px;}
.ft-btm{padding: 16px 0 23px;}
.ft-middle{padding: 27px 0 23px;}
.ft-head{font-size: 15px; padding-bottom: 16px;}
.com-add{font-size: 16px; line-height: 24px;}
.con-tel-area{ margin-top: 11px;}
.tl-no{font-size: 16px; line-height: 22px;}

.tl-no {
    padding-bottom: 7px;
}
.sign-box{padding-bottom: 40px;}
.tl-no span.desk{ display:none;}
.tl-no span.desk.fax{display:inline-block;}
.tl-no span.mb{ display:inline;}

.header-rgt {
    width: 600px;
}
.hd-tp-line{ float:left; clear:none; width:100%;}
.tag-line {
    padding-bottom: 10px;
    text-align: right;
    width: 100%;
}
.header-rgt{margin-top: 18px;}
.mb-call{ display:block;}



/* --- mb menu start ---*/
.mb-menu-area{ display:block;}

.close-menu{position: fixed; top:44px;     -webkit-transform: translate(-350px, 0);
    -moz-transform: translate(-350px, 0);
    -ms-transform: translate(-350px, 0);
    -o-transform: translate(-350px, 0);
    transform: translate(-350px, 0);     transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; right:3%; display:none; width:40px; height:40px; text-indent:-9999px; z-index:9999; background:url(../images/close-icon-toggle.png) no-repeat center center;}
.mm-opening .close-menu{ display:block;}
.menu-trigger{ display:block; float:left; margin-top:0px; background:url(../images/menu-icon-toggle.png) no-repeat center center; width:40px; height:40px; text-indent:-9999px;}
.mm-opening .menu-trigger{ display:none;}
.menu-trigger:hover{ background:url(../images/menu-icon-toggle-hover.png) no-repeat center center;}
.mb-menu-area{ float:right; margin:0px 0 0 20px; position:relative;}
.call-txt{ display:none;}
.call-txt-tab{ display:block; float: right;}
.contact-fix{ display:none;}
#header.fixed .hd-tp-line{ display:block;  padding-top: 13px;}
#header.fixed .tag-line{ display:none;}
#header.fixed .call-txt-tab{ float:left;}

.blog-lft {    width: 464px; margin-top: 0;}
.blog-box{padding: 18px 0 14px;}
.blog-head{  font-size: 28px;    line-height: 36px;    padding-bottom: 16px;}
.post-line{font-size: 16px;  padding-bottom: 19px;}
.post-photo{ width:100%; margin-bottom: 17px;}
.post-sm-dis p{    line-height: 25px; font-size: 16px;
    padding-bottom: 22px;}
.r-more{   margin-top: 18px;}
.post-footer{margin-top: 26px;}
.post-ref{font-size: 16px;    line-height: 25px;    padding-bottom: 4px}	
.pagination ul li a{ font-size:19px;}
.pagination ul li span.current { font-size:19px;}


.blog-rgt {    width: 217px;  margin-top: 27px;}
.nw-box{padding: 17px 17px 19px;}
.nw-head{ font-size:19px;}
.nw-line{ margin-top:12px;}
.nw-line .cpt-box input[type="text"] {
  width: 72%;
}
.nw-line .cpt-img{line-height: 39px;height: 39px;}
.nw-line input[type="text"]{ height: 39px;}
.post-gray-box{margin-top: 18px;
    padding: 19px 13px 15px;}
.rec-post-head{ font-size: 18px;    padding: 0 3px 10px;}
.rec-post{padding: 6px 5px;}

.rec-date{font-size: 14px;}
.rec-title{ font-size: 14px;    line-height: 21px;}
.arc-month{padding: 0 5px 10px;}
.arc-month a{ font-size:14px;}
.post-footer {
    margin-top: 22px;
}
.blog-form{ padding: 17px 26px 32px;}
.form-head{font-size: 25px;
    line-height: 32px;
    padding-bottom: 16px;}
.bl-name{ font-size: 16px;    line-height: 26px;}
.bl-field input[type="text"], .bl-field input[type="email"]{ height:42px; font-size:14px;}
.bl-field{ margin-bottom:11px;}
.bl-field textarea{   height: 112px;}
.blog-fm-lft {
    width: 100%;
}
.blog-fm-rgt {
    width: 100%;
}
.bl-smline{ padding-bottom:10px;}
.in-pagi ul li a{ font-size: 17px; line-height: 30px;}
.in-pagi ul li{ padding: 0 27px;}
.arc-wrap{ margin-top:8px;}
.nw-head{ text-align:center;}
.s-md a figure{width: 50px;}

.pop-mid-box{height: 520px;}
.quick-form-home{height: 100%; overflow-y: scroll;}
.quick-form-home .label.submit-row{padding-bottom: 35px;}

.gl-line-2{margin: 20px 0 0 173px;}
}

@media screen and (max-width: 767px) {
.container{ width:620px;}

.ft-box02{ width: 310px;}
.ft-box03 {
    width: 276px;
}
.sign-box .cpt-box input[type="text"] {
  width: 71%;
}
.sign-box input[type="text"] {
 
}
.header-rgt {
    width: 490px;
}
.call-txt-tab{ display:none;}
.call-txt-mb{ display:block; float: right;}
.quick-form-home{padding: 30px; overflow-y:scroll; height:100%;}
.quick-form-home .main-head{font-size: 17px;   padding: 7px 0;}
.quick-form-home .sub-head{font-size: 20px;
    padding: 13px 0 6px;}
.pop-mid-box{width: 400px; height: 340px;}
.quick-form-home .name{ font-size: 15px;
    line-height: 18px;  margin-right: 10px;
    width: 110px;}
.quick-form-home .label{margin-top: 10px;}
.quick-form-home textarea{ height:60px;}
.quick-form-home .label:last-child{ padding-bottom:30px;}
.quick-form-home .close-btn{right: 7px;
    top: 8px;}
.quick-form-home input[type="submit"]{font-size: 17px;   padding: 4px 0;}

.blog-lft{ width:100%;}
.blog-rgt{ width:100%;}
.post-photo{ width:500px;}
.post-sm-dis iframe {width: 100%;}


.nw-line .cpt-box input[type="text"] {
  width: 91.25%;
}

.quick-form-home .label.submit-row{padding-bottom: 30px;}
}

@media screen and (max-width: 639px) {
.container{ width:548px;}

.ft-menu ul li {
    margin-left: 0;
    padding: 0 9px;
}

.ft-menu ul li a {
  
    line-height: 20px;
}
.ft-menu {
    padding: 27px 0 24px;
}
.gl-line{ margin-top: 6px; font-size: 15px; line-height: 21px;}
.ft-box01{ margin-bottom: 25px;
    padding-bottom: 22px;}

.ft-head {
    font-size: 14px;
    padding-bottom: 10px;
}
.com-add {
    font-size: 15px;
    line-height: 21px;
}
.con-tel-area {
    margin-top: 9px;
}
.tl-no {
    font-size: 15px;
    line-height: 21px;
}

.ft-box02 {
    width: 276px; padding-right:12px;
}

.ft-box03 {
    width: 256px;
}
.sign-box .cpt-box {
  width: 68%;
}
.sign-box .cpt-box input[type="text"] {
  width: 67%;
}
.sign-box input[type="text"] {}


.s-txt{font-size: 13px;  line-height: 18px;  padding-bottom: 18px;}
.call-txt-mb a{font-size: 15px; line-height: 20px; padding: 3px 11px 5px;}
.mb-call a{font-size: 15px; line-height: 20px; padding: 3px 11px 5px;}
.menu-trigger{ height: 34px; width: 34px; background-size:100%;}
.menu-trigger:hover{background-size:100%;}
.mb-menu-area{ margin: 0 0 0 15px;}
.mb-call{ margin-left:15px;}
.tl-no a{font-size:15px;}
.header-rgt {
    width: 410px;
}
#header.fixed .call-txt-mb{ float:left;}

.pop-mid-box{width: 400px; height: 290px;}

.ft-menu ul li{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    float: left;
    margin-left: 0;
    padding: 0 9px 7px;
    text-align: left;
    width: 50%;}

.blog-head {
    font-size: 23px;
    line-height: 29px;
    padding-bottom: 9px;
}
.big-txt{font-size: 16px; line-height: 25px;
    padding-bottom: 15px;}
.nw-line .cpt-box input[type="text"] {
  width: 90%;
}
}

@media screen and (max-width: 567px) {
.container{ width:300px;}
.header-rgt {
    width: 100%;
}

.gl-line{ margin-top:0px;}
.sign-box .cpt-box {
  width: 73%;
}
.sign-box .cpt-box input[type="text"] {
  width: 74%;
}
.sign-box input[type="text"] {
    
}

.logo {
    width: 80px;
	 position: absolute;
}

.tag-line{ font-size: 14px; width:70%; float:right; padding-bottom: 25px;}
.mb-menu-area{ clear: right;  margin: 0px 0 0 9px;
    float: right;}
/*.mb-menu-area {
    float: right;
    margin: 5px 0 0 10px;
}
.mb-call{ clear:right; margin-top:25px;}
.call-txt-mb{ float:left; margin-top:25px;}*/

.call-txt-mb a {
    font-size: 14px;
    line-height: 17px;
    padding: 3px 8px 5px;
}

.mb-call a {
    font-size: 14px;
    line-height: 17px;
    padding: 3px 8px 5px;
}
.mb-call{ clear:none; margin-top:0px; margin-left: 0px;}
.call-txt-mb{ margin-top:0px; float:left;}
.menu-trigger{ width:31px; height:31px;}
.gl-logo {
    display: inline-block;
    float: none;
    margin-bottom: 11px;
    margin-right: 0;
}
.gl-line{ float:left; width:100%;}
	
.ft-box02 {
    width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	 border-right:none;
	 padding-bottom:15px; margin-bottom:20px;
}
.ft-box03 {
    width: 100%;
}

.sign-box {
    padding-bottom: 30px;
}

.pop-mid-box{width: 300px; height: 340px;}
.quick-form-home .close-btn a{ height: 28px;    width: 28px;}
.quick-form-home{ padding:25px;}
.quick-form-home .label:last-child {
    padding-bottom: 25px; margin-top:15px;
}
.quick-form-home .main-head {
    font-size: 15px;
    padding: 4px 0;
}
.quick-form-home input[type="submit"]{font-size: 15px;   padding: 1px 0;}
.quick-form-home .sub-head {
    font-size: 18px;
    padding: 11px 0 5px;
}
.quick-form-home .name{ width:100%; margin:0px 0px 6px 0px;}
.quick-form-home .rgt-area{ width:100%;}
.quick-form-home .name{ font-size:14px;}
.quick-form-home .label:last-child .name{ display:none;}
.quick-form-home .close-btn {
    right: 5px;
    top: 6px;
}

.quick-form-home .label {
    margin-top: 9px;
}
	
.ft-menu ul li{ text-align:center;}
.ft-menu ul li a{ float:none;}
.gl-line{ text-align:center;}
.ft-box02{ padding-right:0px; text-align:center;}
.ft-box03{ text-align:center;}
.i-ban-main {
    font-size: 17px;
    line-height: 21px;
}

.i-ban-sub {
    font-size: 10px;
    line-height: 14px;
}
.inner-ban-txt {
  height: 38px;
}
.post-photo{ width:100%; padding-bottom:10px;}
.blog-form {
    padding: 16px 16px 25px;
}

.in-pagi ul li {

  padding: 0 8px;
}
.in-pagi ul li:first-child a{ background-size:21px auto;  padding-left: 26px;}
.in-pagi ul li:first-child a:hover{ background-size:21px auto;}
.in-pagi ul li:last-child a{ background-size:21px auto;  padding-right: 26px;}
.in-pagi ul li:last-child a:hover{ background-size:21px auto;}
.in-pagi ul li a {
  font-size: 15px;
  line-height: 24px;
}
.in-pagi{ margin-top:25px;}
.s-md{ margin:0px 8px;}
.s-md:last-child{margin-right: 8px;}
.nw-line .cpt-box input[type="text"] {
  width: 80.83%;
}

.pop-mid-box{height: 550px;}
.quick-form-home .g-recaptcha{transform: scale(0.83); -webkit-transform: scale(0.83); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.quick-form-home .label.submit-row{margin: 0; padding-bottom: 25px;}
.gl-line-2{margin: 10px 0 0 0;}
}