/* for mobile  header */


@media(max-width:1399px) {


}
@media(max-width:1299px) {



}
@media(min-width:1200px) and (max-width:1300px) {

}
@media (max-width:1199px) {
    #menu ul {
        gap: 29px;
    }
    .btn-primary {
        gap: 9px;
    }
    .hero-content{
        padding-bottom: 50px;
    }
}
@media (max-width:1024px) {


}
@media(max-width:991px){
  header {position: absolute;top: 0;left: 0;width: 100%; z-index: inherit;border-bottom: 1px solid #fff;padding: 0;}
  .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD; padding: 10px 0;}
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{margin:6px 0 6px 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: #000;}
  .topbar ul.top_right_contents li a.menu_open img{ width: 60px;}


  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;    background: #2c487388;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
      -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px;
   box-shadow:rgb(155, 153, 153) 0 0 10px; backdrop-filter: blur(5px);}
  /* .topbar.sticky .logo img{width: 120px;} */
  .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: end;padding: 0;padding:0px 0px 0 0;}
  .menu_close i {font-size:20px; color: #fff;}
  .menu_close img{
    width: 60px;
  }
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background: #2C4873; 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{padding: 15px 0px;color: #fff;border-bottom: 1px solid #ffffff56;}
  .main_menu li.active a{color:var(--text-color);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:20px; text-decoration: none; padding: 0;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 30px;width: 100%; color: #fff ;}
  .mobile_menu_wrap ul li.hassub { padding:0 0px 0 15px;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;padding: 19px 20px;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(--bg-color); margin:0; transition: all linear 0.3s; padding:48px 0 100px; 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 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  .hero-banner::before {height: 100%;}
   .hero-banner{
        display: flex;
        align-items: center;
        padding: 175px 0 0px;
        min-height: auto;
   }
   .hero-banner .heri-img{
    margin-top: 40px;
    max-width: 400px;
    margin-inline: auto;
   }
   .hero-banner .hero-content .kicker {
        font-size: 26px;
        font-family: var(--font2);
        line-height: 22px;
    }
    .hero-banner .hero-content .sub-heading {
        font-size: 25px;
    }
    p{
        line-height: 28px !important;
    }
    .service-card{
        margin-bottom: 30px;
    }
    .service-card .img-box .service-content p{
        font-size: 16px;
    }
    .service-card .img-box img{
        height: 600px;
    }
    .contac-sec h2{
        font-size: 42px;
    }
    .contac-sec .contact-image{
        margin-top: 20px;
    }
    .hero-content{
        padding-bottom: 0px;
    }

 }
@media (max-width:768px) {
    h1{
        font-size: 54px;
    }
    h2{
        font-size: 42px;
        line-height: 40px;
    }
    h4{
        font-size: 27px;
        line-height: 30px;
    }
}
@media (max-width:667px) {
    .hero-banner .heri-img {max-width: 270px;}
    section {padding: 30px 0;}
    .service-modal .modal-body .content{height: 500px;}
}
@media (max-width:580px) {

}
@media (max-width:575px) {
    h1{
        font-size: 45px;
        line-height: 47px;
    }
    h2{
        font-size: 35px;
    }
    .hero-banner .hero-content .sub-heading{
        font-size: 20px;
    }
    p{
        font-size: 14px;
    }
    .service-card .img-box img {
        height: 490px;
    }
    .contac-sec .bg-image .contact-image img {
        min-height: 384px;
    }
    footer .footer-text p {
        color: var(--white);
        font-family: var(--font2);
        font-weight: 500;
        line-height: 50px;
        text-align: center;
        margin: auto;
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 32px;
    }
    .contac-sec .contact-box {padding: 12px;}
    footer .copyright-box p {font-size: 16px;}
    .topbar ul.top_right_contents li a.menu_open img ,.menu_close img{width: 40px;}
}
@media (max-width:525px) {

}
@media (max-width:500px) {

}
@media (max-width:480px) {

}
@media (max-width:450px) {



}
@media (max-width:414px) {


}
@media (max-width:400px) {
    .contac-sec .bg-image .contact-info ul li a {font-size: 11px;}
}
@media (max-width:375px) {

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

}