@media(max-width:1499px) {
    .banner-left h1 { font-size: 53px; }
    .banner-right-box label { padding: 12px 0; font-size: 21px; }
    .banner_inr { padding: 115px 0 70px; gap: 40px; }
}

@media(max-width:1399px){
    .button_header label { font-size: 20px; line-height: 27px; }
    a.header_logo { width: 14%; }
    .header_bottom_logo p { font-size: 19px; }
    .banner-left h1 { font-size: 44px;    line-height: 56px; }
    .banner-left h2 { font-size: 40px; line-height: 50px; }
    .banner_inr { padding: 115px 0 70px; gap: 27px; }
    .banner-right .banner-right-box { padding: 25px 25px; }
    .banner-right-box label { padding: 9px 0; font-size: 20px;     margin: -56px auto 0;}
    .recaptcha { transform: scale(0.8); transform-origin: 0 0; }
    .input-fild.submit-recaptcha { gap: 0px; flex-wrap: wrap; }
    .submit-btn input[type="submit"] { width: fit-content; }
    .common_sec h2,footer h2 { font-size: 32px; line-height: 75px; }
    .button_header label { font-size: 19px; }
    .button { font-size: 19px; }
    .common_sec ul li { padding: 0 35px; font-size: 19px; }
    .common_sec ul { margin: 0 -35px; }
    .common_list { padding-top: 50px; width: 100%; }
    .common_list ul li { font-size: 22px; line-height: 35px;    padding: 0 0 0 25px }
    .footer_inr { gap: 40px; padding: 0 0 35px; }
    .copyright p:last-child { gap: 6px; }
    .common_list ul li::before { top: 10px; }
    .footer_logo { width: 150px; }
}
@media(max-width:1199px){
    .banner_inr { padding:65px 0 50px; gap: 50px; flex-wrap: wrap; }
    .banner-left { max-width: 80%; }
    .banner-right { max-width: 60%; }
     .banner-left h1 { font-size: 42px; line-height: 52px; }
     .banner-left h2 { font-size: 36px; line-height: 46px; }
     .button { font-size: 18px; padding: 3px 16px; }
     .button_header label { font-size: 18px; }
     .header_bottom_logo img{width: 100%; height: 100%; object-fit: cover;}
     .header_bottom_logo p { font-size: 18px; }
     .common_sec { padding: 40px 0 35px; }
     .common_sec h2, footer h2 { font-size: 30px; line-height: 72px; }
     .common_sec ul li { padding: 0 25px; font-size: 18px; }
     .common_sec ul { margin: 0 -25px; }
     .common_list { padding-top: 40px; }
     .common_list ul li { font-size: 20px; line-height: 35px; padding: 0 0 0 25px; }
     .footer_inr .footer_left ul { gap: 20px; }



       /* default page css */
       .def-page { padding: 45px 0 45px; }
        .def-page p{ margin-bottom: 20px; }
       .def_page_otr, .detail_page.def-page { padding: 40px 0; }
       .def-page h2{ font-size: 38px; line-height: 48px;} 
       .def-page h3{font-size: 35px; line-height: 44px;}
       .def-page h4{font-size: 25px; line-height: 35px;}
       .def-page h5{font-size: 23px; line-height: 32px;}
       .def-page .left-img{width: 50%;}
       .privacy-page .privacy-inner ul {margin-top: 0;}
       .privacy-page ul, .privacy-page ol {margin-left: 15px;}
       .def-page ul {padding-bottom: 10px;}
       .privacy-page ol {padding-left: 0px;}
       .def-page .right-img{width: 50%;}
       .pagenotfound {padding: 40px 0px;}
       .pagenotfound h2 {font-size: 32px;}
       .def_page_otr { padding: 40px 0; }
}
@media(max-width:1023px){
    .button_header label { font-size: 17px; }
    .button { font-size: 17px; padding: 2px 14px; }
    .header_bottom_logo { align-items: center; gap: 8px; flex-wrap: wrap; flex-direction: column; }
    a.header_logo { width: 19%; }
    .container { padding-left: 40px; padding-right: 40px; }
    .header_bottom_logo p { font-size: 17px; }
    .banner-left { max-width: 100%; }
    .banner { margin-top: 210px; }
    .banner-left h1 { font-size: 40px; line-height: 48px;    padding: 0 0 6px; }
    .banner-left h2 { font-size: 34px; line-height: 43px; }
    .banner-right { max-width:76%; }
    .banner-left h2 br{display: none;}
    .banner-right-box label { padding: 7px 0; font-size: 19px;         margin: -48px auto 0;}
    .banner-right .banner-right-box { padding: 20px 20px;     border: 4px solid #FFFFFF;}
    .banner-right-box input { padding: 8px 14px; font-size: 17px; }
    .banner_inr { padding: 70px 0 40px; gap: 55px; }
    .common_sec h2, footer h2 { font-size: 26px; line-height: 38px; }
    .common_sec h2{margin-bottom: 15px;}
    .common_sec ul li { padding: 0 15px; font-size: 17px; }
    .common_list { padding-top: 35px; }
    .common_sec ul { margin: 0 -15px; }
    .common_list ul li { font-size: 19px; line-height: 33px; padding: 0px 0 0 24px; }
    .common_list ul li::before { width: 7px; height: 7px; top: 9px; }
    .footer_inr { gap: 30px; padding: 0 0 30px; flex-wrap: wrap; }
    .footer_inr .footer_left { max-width: 100%; }
    .footer_inr .footer_right { max-width: 100%; }
    .footer_inr .footer_left ul li strong { font-size: 18px; }
    .copyright p { display: block; }
    .copyright .copyright_content { border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; padding: 0 12px; }
    footer h2{padding-bottom: 15px;}

/* def-page */
      .def_page_otr, .detail_page.def-page { padding: 45px 0; }  
      .def-page { margin-top: 235px; }
     .def-page { padding: 40px 0 40px; }
     .def-page h2{ font-size: 32px; line-height: 40px;} 
     .def-page h3{font-size: 28px; line-height: 37px;}
     .def-page h4{font-size:24px; line-height:33px; }
     .def-page h5{font-size:22px; line-height:31px; }
     .def-page ul {padding-bottom: 15px;}
     .def-page ol{padding-left: 0;}
     .def-page .left-img{margin: 0px 20px 10px 0;}
     .privacy-page .privacy-inner ul {margin-top: 0px;}
     .privacy-page ol {margin: 0px 0 10px;}
     .privacy-page ul, .privacy-page ol {margin-left: 10px;}
     .def-page ul {padding-bottom: 10px;}
     .privacy-page .privacy-inner {padding-left: 15px;margin-bottom: 0;}
     .def-page ul li { padding: 5px 0 5px 30px; }
     .def-page .right-img{margin: 0 0 10px 20px;}
     .pagenotfound {padding: 30px 0px;}
     .pagenotfound h2 {font-size: 26px;}
     .pagenotfound p {font-size: 17px;line-height: 27px;}
     .def_page_otr { padding: 30px 0; }
     .def-page ul li:before { top: 15px; }
     .def-page ul.col-3 li { width: 50%; }

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


    .container { padding-left: 30px; padding-right: 30px; }
    .header-top  .button_header a.button { font-size: 0; width: 38px; height: 38px; border-radius: 50%; padding: 0; background-image: url(../images/phone-solid-full.svg); border: 2px solid #182A3D; background-position: 7px; background-size: 19px; background-repeat: no-repeat; }
    .header-top  .button_header a.button:hover { filter: brightness(20%) contrast(120%) sepia(20%); border-color: var(--primary-color); background-color: transparent; color: var(--primary-color); }
    .button_header { gap: 14px; }
    .button_header label { font-size: 16px; }
    a.header_logo { width: 24%; }
    .header_bottom_logo p { font-size: 15px; }
    .banner-left h1 { font-size: 31px; line-height: 44px; }
    .banner-left h2 { font-size: 26px; line-height: 37px; }
       .banner-left h2 >br{display: none;}
       .banner-right-box form { margin: 0 -5px; }
       .banner-right-box input { padding: 7px 14px; font-size: 16px; }
       .banner-right-box .input-fild { padding: 5px; }
       .banner-right-box label { padding: 5px 0; margin: -38px auto 0; font-size: 17px;     border: 2px solid #FFFFFF;}
       .banner-right .banner-right-box { padding: 15px 15px; border: 3px solid #FFFFFF; }
       .banner-right { max-width: 100%; }
       .common_sec { padding: 30px 0 30px; }
       .common_sec h2, footer h2 { font-size: 23px; line-height: 36px; }
       .common_sec ul li { max-width: 100%; padding:  12px 0; border-right: none; border-bottom: 2px solid #263877; }
       .common_sec ul li:last-child { border-right: 0; border-bottom: 0; }
       .common_sec ul { margin: 0 0px; flex-wrap: wrap; }
       .banner_inr { padding: 70px 0 30px; }
       .common_list ul li { font-size: 18px; border: 0;         padding: 0 0 0 25px;}
       .common_list { padding-top: 25px; }
       .common_sec h2 { margin-bottom: 5px; }
       .common_list ul li >br{display: none}
       footer { padding: 30px 0 30px; }
       .footer_logo { width: 136px; }
       .footer_inr .footer_left ul li strong { font-size: 17px; }
       .footer_inr { gap: 20px; padding: 0 0 24px; }



   /*def - page */
   .def-page { margin-top: 240px; }
   .def-page { padding: 30px 0 30px; }
   .def-page p{ margin-bottom: 16px; }
   .def-page h2{ font-size: 27px; line-height: 34px;} 
   .def-page h3{font-size: 24px; line-height: 31px;}
   .def-page h4{font-size: 22px; line-height: 30px;}
   .def-page h5{font-size: 21px; line-height: 29px;}
   .def-page h6{font-size: 18px; line-height: 28px;}
   .def-page ul.col-3 li,   .def-page ul.col-2 li  {width: 100%;}
   .def-page .left-img{margin: 0px 0px 10px 0;float: none;width: 100%;text-align: center;}
   .privacy-page ul, .privacy-page ol {margin-left: 10px;}
    .def-page ul li { padding: 4px 0 4px 28px; }
   .def-page ul {padding-bottom: 10px;}
   .def-page ul li:before { top: 14px; width: 7px; height: 7px; }
   .privacy-page .privacy-inner {padding-left: 10px;margin-bottom: 0;}
   .privacy-page .privacy-inner ul {margin-top: 0;}
   .def-page .right-img{margin: 0 0 15px 0px;width: 100%;float: none;text-align: center;}
   .pagenotfound { padding: 25px 0px 10px; }
   .pagenotfound h2 {font-size: 22px;}
   .pagenotfound p {font-size: 16px;}
   .secondary_content_text h3,.secondary_content_text h2{padding-bottom: 15px;}
   
       
}
@media(max-width:479px){
    .container { padding-left: 20px; padding-right: 20px; }
    .button_header label { font-size: 14px; line-height: 22px; }
    .button_header { gap: 10px; }
    a.header_logo { width: 112px; }
    .header_bottom_logo p { font-size: 14px; }
    .banner { margin-top: 245px; }
    .banner-left h1 { font-size: 25px; line-height: 35px; }
    .banner-left h2 { font-size: 23px; line-height: 35px; }
    .banner_inr { padding: 75px 0 20px; gap: 50px; }
    .header-top  .button_header a.button { width: 31px; height: 30px; border: 1px solid #182A3D; background-position: 6px; background-size: 16px; }
    .banner-right-box label { padding: 3px 0; margin: -35px auto 0; font-size: 16px; line-height: 25px; width: calc(100% - 20px);         margin: -33px auto 0;}
    .col-2 { max-width: 100%; }
    .recaptcha { transform: scale(0.7); }
    .common_sec { padding: 20px 0 20px; }
    .common_sec h2, footer h2 { font-size: 22px; line-height: 32px; }
    .common_sec ul li { font-size: 16px; }
    .common_list ul li { font-size: 18px; border: 0; padding: 0 0 0 25px; display: block; position: relative;}
    .common_list ul li:first-of-type { padding: 0 0 0 25px; }
    .common_list ul li:first-of-type::before{display: block;}
    .common_list { padding-top: 10px; }
    .common_list ul{margin: 0;}
    .common_list ul li::before { width: 6px; height: 6px; top: 12px; left: 0; }
    footer { padding: 20px 0 20px;text-align: left; }
    .footer_logo { width: 121px; }
    .footer_inr .footer_left ul { gap: 20px; flex-wrap: wrap; }
    .footer_inr .footer_left ul li strong { font-size: 16px; }
    .copyright p, .copyright p a { font-size: 16px; line-height: 26px; }
    .copyright .copyright_content { font-size: 16px; line-height: 26px; }
    .footer_inr .footer_left ul li { width: 100%; font-size: 16px; line-height: 25px; }
    .footer_inr .footer_right { font-size: 16px; line-height: 26px; }
    .footer_inr .footer_left ul li a { padding: 6px 0 0; }
    body { font-size: 16px; line-height: 22px; }
    .wpcf7 form .wpcf7-response-output { padding: 0.2em 0em !important; }


     /* default page css */ 
        .def-page { padding: 20px 0 20px; }
        .def_page_otr, .detail_page.def-page { padding: 20px 0; }
        .def-page h2{ font-size: 22px; line-height: 28px;} 
        .def-page h3{font-size: 21px; line-height: 27px;}
        .def-page h4{font-size:20px; line-height:26px; }
        .def-page h5{font-size:18px; line-height:26px; }
        .def-page h6{font-size:16px; line-height:26px; }
        .privacy-page ol {margin: 5px 0 10px;}
        .privacy-page ol li{line-height: 26px;}
        .privacy-page ul, .privacy-page ol {margin-left: 8px;}
        .pagenotfound { padding: 20px 0px 5px; }
        .pagenotfound h2 {font-size: 20px;}
        .pagenotfound p {font-size: 15px;} 
        .def-page ul li { padding: 4px 0 4px 22px; line-height: 26px;}
        .def-page ul li:before { top: 13px;        width: 6px; height: 6px; }
        .def_page_otr { padding: 20px 0; }
        .def-page { margin-top: 255px; }
        .def-page p { line-height: 26px; }


        /*  */
}

@media(max-width:422px){ .def-page { margin-top: 290px; }}