/* @media (max-width: 1700px) */

@media (max-width: 1700px)
{ .gallery_slider .slick-next { right: 0; }
.gallery_slider .slick-prev { left: 0; }
}

/* @media (max-width: 1600px) */

@media (max-width: 1600px)
{ h2, .h2 { font-size: 35px; }
 .facebook_content h2 { margin-left: 80px;} 
 .facebook_content h2,a.button.fb_button{ margin-left: 0; } }

/* @media (max-width: 1399px) */


@media (max-width: 1399px)
{ .header_right_otr ul{ gap: 20px; } 
.header_right_otr ul li a { font-size: 16px;} 
.facebook_otr {gap: 130px;} 
.facebook_content h2{ font-size: 35px; } 
.facebook_content h2 br{display: none;} 
.service { padding: 40px 0 40px 0; } 
.gallery_slider .slick-next { right: -5px; } 
.gallery_slider .slick-prev { left: -5px; }
.header_logo a { padding-top: 6px; width: 168px; height: 111px; } 
.header_logo img { width: 127px; height: 89px; }
 .accordion-header { padding: 16px 32px 22px 15px; } 
 .header_right_otr { gap: 20px; } 
 .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"]{ padding: 12px; letter-spacing: 1%; font-size: 16px; }

/* default page css  */
.def-page h2{ font-size: 38px; line-height: 45px;} 
.def-page h3{font-size: 35px; line-height: 45px;}
.def-page h4{font-size:32px; line-height:42px; }
.def-page h5{font-size:23px; line-height:32px; }
.privacy-page .privacy-inner {padding-left: 20px;margin-bottom: 0px;}
/* .def-page ul li {font-size: 18px;line-height: 34px;} */
.def-page ol li{font-size: 18px;}
.pagenotfound {padding: 50px 0px;}
.pagenotfound h2 {font-size: 36px;}
.pagenotfound p {font-size: 20px;}

.def_page_otr { padding: 60px 0; }






}

/* @media (max-width: 1199px) */

@media (max-width: 1199px) {

.header_right_otr ul { gap:30px;}
.header_right_otr ul li a { font-size: 12px; }
.facebook_content h2 { font-size:25px;}
.facebook_otr { gap:50px; }
.button, a.button{padding: 10px 10px; font-size: 16px; border-radius: 4px; } 
h4, .h4 { font-size: 17px;}
.gallery_slider .slick-prev, .gallery_slider .slick-next { width: 34px; height: 34px;}
.text_slider_inr{ padding: 0 20px; }
.gallery_slider .slick-prev:after, .gallery_slider .slick-next:after { width: 14px; height: 14px;}
.gallery_div_inr { margin: 0 -10px;}
.faq-otr { gap: 15px 0; width: 85%;}
.accordion-header { padding: 10px 32px 10px 15px; }
.accordion-header::before { right: 18px; top: 22px; width: 8px; height: 8px;}
.faq { padding: 40px 0 50px;}
h2, .h2 { font-size: 24px; }
.gallery_slider .slick-prev { left: -15px;}
.gallery_slider h2{ margin-bottom:25px;}
 footer .footer_links ul li, .footer_fb ul li { padding: 0px 0px 0px 0;  }
.header_logo img { width: 100px; height: 80px; }
.header_logo a { padding-top: 11px; width: 120px; height:105px; }

   /* 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: 33px; line-height: 40px;} 
       .def-page h3{font-size: 31px; line-height: 38px;}
       .def-page h4{font-size: 28px; line-height: 27px;}
       .def-page h5{font-size: 26px; line-height: 36px;}
       .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) */

@media (max-width: 1023px) {       
.text_slider {padding: 14px 0;}
 .footer_logo { width: 145px; height: 124px; }
.box-inr { display: flex ; flex-wrap: wrap; gap:30px 0; }
.text_slider_inr span { font-size: 13px;line-height: 0;}
.box-item { width: 50% ; max-width: 50%; text-align:center; }
.faq-otr {gap: 13px 0; width:100%;}
.gallery_div_img img{ width: 100%;}   
.gallery_div_inr { margin: 0 -9px;}
.footer_inr { padding-bottom: 20px; }
.header_logo img { width: 97px; height: 73px; } 
.header_logo a { padding-top: 0; width: 114px; height: 99px; position: relative; }
.gallery_div_img img{ width: 100%;}   
.gallery_div_inr { margin: 0 -9px;}
p{ font-size: 15px;}
.box-item-box h3 { margin-top: 15px; }
.footer_copy p { padding-top: 12px; margin-bottom: -5px;}
.facebook_content h2 {font-size: 26px; margin-top: 20px; }
footer .footer_links ul li a{ font-size: 13px; }
a{font-size: 14px;}
.header_right { padding: 0; }
.header_right_otr nav{ position: fixed; right: 0; height: 100vh; padding: 50px 20px 20px; transition: all 0.5s; transform: translateX(100%);  background-color: var(--btn-color); top: 0; z-index: 1; width: 60%; }
.header_right_otr nav.open{ transform: translateX(0); }
.header_right_otr ul { gap: 30px; display: block; }
.header_right_otr ul li { position: relative; border-bottom: 1px solid #fff; }
.header_right_otr ul li:last-child{ border-bottom: 0; }
.header_right_otr ul li a{ font-size: 18px; color: var(--white-color); display: block; padding: 0;  padding: 15px 0; }
.header_right_otr ul li a br{ display: none; } 
.header_right_otr nav ul li:hover a, .header_right_otr nav ul li.active a, .header_right_otr ul li:hover a,.header_right_otr ul li a:hover, .header_right_otr ul li.active a{ color: #000; }
.menu-toggle{ display: flex; flex-direction: column; gap: 2px; width: 30px; height: 22px; justify-content: space-between; }
.menu-toggle span{ background-color: #000; height: 2px; transition: all 0.5s; display: block; position: relative; }
.menu-toggle.active span:first-child { transform: rotate(45deg); top: 10px; left: 2px; background-color: #fff; }
.menu-toggle.active{position: fixed; z-index: 2; top: 20px;}
.menu-toggle.active span:nth-child(2){ opacity: 0; }
.menu-toggle.active span:last-child { transform: rotate(-45deg); top: -10px; left: 2px; background-color: #fff;}

.mfp-image-holder .mfp-content { max-width: 79% !important; }


   .def_page_otr, .detail_page.def-page { padding: 45px 0; }  
     .def-page { padding: 40px 0 40px; }
     .def-page h2,.cluster-contend h2{ font-size: 30px; line-height: 40px;} 
     .def-page h3{font-size: 28px; line-height: 38px;}
     .def-page h4{font-size:25px; line-height:35px; }
     .def-page h5{font-size:23px; line-height:30px; }
     /* .def-page ul li, .def-page ol li{font-size: 16px;line-height: 22px;} */
     .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 20px;}
     .def-page .right-img{margin: 0 0 10px 20px;}
     .pagenotfound {padding: 30px 0px;}
     .pagenotfound h2 {font-size: 26px;}
     .pagenotfound p {font-size: 17px;}
     .def_page_otr { padding: 30px 0; }
   .def-page ul li::before { top: 12px; }
   .def-page ul li { font-size: 19px; }
   .def-page strong { font-size: 19px; }
   .def-page ul.col-3 li { width: 50%; }







}


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

 @media (max-width:767px){
        .footer_inr { flex-wrap: wrap;}

.container { max-width: 100%; width: 100%; padding: 0 20px; margin: 0 auto; }
.box-inr {padding-top:20px;} 
 .text_slider {padding: 15px 0;} 
 .text_slider_inr span {font-size: 13px; line-height: 0;padding-left: 15px;} 
 .gallery_div_col_inr {padding: 0px 9px;}
.facebook_content {max-width: 100%;}
.facebook_content h2 { font-size: 25px; }
.facebook_otr { gap: 20px; width: 100%; flex-wrap: wrap; } 
.facebook_card { width: 100%; max-width: 100%; } 

footer .footer_links ul li a, .footer_fb ul li a { font-size: 14px;} 
.faq { padding: 40px 0 40px;}
.box-item .box-item-box .img_box { width: 180px; height: 180px} 
.header_right_otr nav{ width: 80%; border-left: 2px solid #fff; }
.header_right_otr ul li a { font-size: 15px; padding: 10px 0; }
.header_right_otr a.button{ font-size: 0; padding: 0; line-height: 0;  width: 40px; height: 40px; border-radius: 50%; }
.header_right_otr a.button::before{ width: 100%; height: 100%; background-position: center;  }
.header_right_otr a.button:hover{ background-color: #000; border-color: #000; }
.header_right_otr a.button:hover::before{ filter: none; }
.footer_logo { width: 100%; height: auto;text-align: center; }
.footer_logo a{width: 200px; margin:  0 auto; }
.gallery_slider .slick-prev { left: 15px; } .gallery_slider .slick-next { right: 15px; }
.def.right-img { width: 100%; margin-left:0px;}
.def-page .right-img img {width: 100%;margin-left: 0;}
.def-page h2 { font-size: 35px; line-height: 40px;}

.def-page { padding: 30px 0 30px; }
.def-page p{ margin-bottom: 16px; }
.def-page h2,.cluster-contend h2{ font-size: 28px; line-height: 38px;} 
.def-page h3{font-size: 23px; line-height: 33px;}
.def-page h4{font-size: 22px; line-height: 32px;}
.def-page h5{font-size: 21px; line-height: 20px;}
.def-page ul.col-3 li,.def-page ul.col-2 li  {width: 100%;}
.def-page ul li, .def-page ol li {font-size: 18px;}
.def-page .left-img{margin: 0px 0px 18px 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 16px;}
.def-page ul {padding-bottom: 10px;}
.def-page strong { font-size: 18px; } 
.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;}
.def-page ul li::before { top: 11px; width: 7px; height: 7px; }

.box-inr {
        gap: 20px 0;
}




}

/* @media (max-width: 479px) */

 @media (max-width:479px) {
        .footer_logo img { width: 137px; height:120px;}

.container, .mini-container{max-width: 100%; padding: 0 20px;} 
.box-item { width: 100%; max-width: 100%; padding: 0px; } 
.box-inr { padding-top: 20px; margin: 0; } 
.footer_fb, .footer_links { width: 100%; }
.footer_inr { gap: 20px; }

/* default page css */ 
        .def-page strong { font-size: 16px; }
        .def-page { padding: 20px 0 20px; }
        .def_page_otr, .detail_page.def-page { padding: 20px 0; }
        .def-page h2{ font-size: 23px; line-height: 12px;} 
        .def-page h3{font-size: 22px; line-height: 32px;}
        .def-page h4{font-size:21px; line-height:31px; }
        .def-page h5{font-size:20px; line-height:30px; }
        .def-page ul li, .def-page ol li { font-size: 16px; line-height: 24px; }
        .privacy-page ol {margin: 5px 0 10px;}
        .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: 3px 0 3px 16px; }
        .def_page_otr { padding: 20px 0; }
        .def-page ul li::before { top: 11px; width: 6px; height: 6px; }



button.mfp-close { width: 34px !important; height: 34px; top: -40px; right: 0 !important; font-size: 27px; line-height: 34px; }

.accordion-content { padding: 0px 15px; }

.banner_img img { height: 150px;}

.header_right_otr { gap: 15px; }

.header_logo img { width: 80px; height: 80px; }

.header_logo a { width: 100%; height: 100%; }

.header_right_otr a.button { width: 34px; height: 34px; }

.header_right_otr ul li a { font-size: 14px; padding: 8px 0; }

}