/* for mobile  header */


@media(max-width:1399px) {
  
 
}
@media(max-width:1299px) {
    
    h1 {font-size: 33px;}
    h2 {font-size: 28px;}
    h3 {font-size: 23px;}

    .legal-sec .legal-count p {min-height: 80px;padding-left: 9px;font-size: 14px;}
.blog-post-sec .card .img-box img{height: 100%;}

    
}
@media(min-width:1200px) and (max-width:1300px) {
    
}
@media (max-width:1199px) {
    .blog-grid .blog-card .img-box {
        min-width: 160px;
    }
    .blog-grid .blog-card:nth-child(1) .img-box {
        height: 310px;
    }
    
}
@media (max-width:1024px) {
   
   
}
@media(max-width:991px){
  header {top: 0;left: 0;width: 100%; z-index: inherit;padding: 6px 0;}
  .topbar { width:100%; position:relative;z-index: 999;} 
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{width: 180px;margin:4px 0 10px 0;}
  
  
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: var(--primary);}
  
  
  .topbar.sticky{position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; background-color:  var(--light-pink);padding: 6px 0;
      }
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: start;padding: 0;padding:5px 20px 0 0;margin-bottom: 10px;}
  .menu_close i {font-size:20px; color: var(--primary);}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--light-pink); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{color: var(--primary);}
  .main_menu li.active a{color:var(--primary);font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
  .mobile_menu_wrap ul.main_menu li a {font-size:18px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: var(--primary) ;}
  .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;       background:var(--white); margin:0; transition: all linear 0.3s; padding: 48px 0 100px 20px;overflow: auto; z-index: 9; visibility:hidden;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #868585;left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  .heri-img{overflow: hidden;width: 100%;}
  .heri-img img{height: 100%;object-fit: cover;width: 100%;}
  .hero-banner .hero-content {gap: 16px;}
  h1 {font-size: 28px;}
  h2 {font-size: 24px;}
  h5 {font-size: 16px;}

  .btn-secondary {
    padding: 9px 30px;
    font-size: 14px;
    min-width: 202px;
}
.legal-sec .legal-count {height: 100%; padding: 18px;}

.legal-sec .legal-count p {
    min-height: unset;
}
.blog-post-sec .card .img-box img {
    width: 100%;
}
section{padding: 60px 0;}
footer p {
    text-align: center;
    margin-top: 20px;
}
.footer-logo-box {gap: 21px;justify-content: center;}
.footer-logo-box .footer-links {gap: 14px;}
footer .social-iocns{justify-content: center;margin-top: 20px;}

.blog-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 27px;
}
.blog-grid .blog-card .img-box {
    min-width: 280px;
}



 }
@media (max-width:768px) {
    .book-sec .book-btn {
    margin-bottom: 50px;
}
.book-sec .book-heading h2 {
    margin-bottom: 15px;
}
.heri-img img {margin-bottom: 20px;}
.hero-banner .hero-content {
    gap: 0;
}

section {
    padding: 40px 0;
}
h2 {
    font-size: 22px;
}
.gap-60 {
    min-height: 20px;
}
.footer-logo-box .footer-links {
    gap: 8px 14px;
    flex-wrap: wrap;
    justify-content: center;
}
footer {
    padding: 40px 0;
}
.blog-grid .blog-card .img-box {
    min-width: 190px;
}
}
@media (max-width:667px) {
   
}
@media (max-width:580px) {
    .news-latter-box .effect {
        width: 70px;
        left: 0px;
        top: 0;
    } 
}
@media (max-width:575px) {
    
    .topbar .logo img {
        width: 110px;
    }
    .logo-footer {
        max-width: 120px;
    }
    .footer-logo-box {
        gap: 15px;
    }
    .blog-grid .blog-card .title h4 {
        font-size: 13px;
    }
    .blog-grid .blog-card .title span {
        font-size: 10px;
    }
    .blog-grid .blog-card .title {
        grid-gap: 8px;
        padding: 21px;
    }
    .blog-post-sec .card {width: 100%;}

    


}
@media (max-width:525px) {
    
}
@media (max-width:500px) {
   
}
@media (max-width:480px) {
    
}
@media (max-width:450px) { 
.blog-grid .blog-card .img-box {min-width: 130px;}
.blog-card .title a {font-size: 11px;}
.logo-footer {
    max-width: unset;
}
.text-main .heading {
    padding-bottom: 6px;
    margin-bottom: 15px;
}
.blog-post-detail .blog-post-heading
{flex-direction: column;gap: 25px;}
.newslater-box h3{font-size: 17px;}

}
@media (max-width:414px) {  
.blog-post-detail .img-box img {height: 300px;margin-bottom: 15px;}
.blog-post-detail .detail-date {font-size: 16px;}
.blog-post-heading h1{font-size: 22px; }
.news-form form .form-control {height: 35px;}
.news-form form input.btn-primary {height: 35px;font-size: 14px;}
.news-form form {justify-content: center;flex-wrap: wrap;}
.topbar ul.top_right_contents li a.menu_open i {
    font-size: 29px;
}

}
@media (max-width:400px) {
.text-main h3 {margin-bottom: 8px;font-size: 19px;}

}
@media (max-width:375px) {
 
}
@media (max-width:360px) {
  
}