@media(max-width:1499px) {
  .testimonial-slids .owl-nav{left: -3%;width: 106%;}
}
@media(max-width:1399px) {
  #menu > ul {margin-right: 35px;}
  #menu ul li a, header .btn-dark{font-size: 14px;}
  header .btn-dark{padding: 12px 23px;}
  #menu > ul > li a{padding: 0 19px;}
  .banner small {font-size: 30px;}
  h1 {font-size: 37px;}
  h2 {font-size: 42px;line-height: 61px;}
  h6 {font-size: 19px;line-height: 28px;}
  .hero-banner h1 {font-size: 50px;line-height: 66px;}
  .hero-banner p {font-size: 19px;}
  h3 {font-size: 33px;line-height: 46px;}
.btn-primary,.btn-secondary ,.btn-light,.btn-dark{padding: 14px 30px;}
.pricing-sec .heading {margin-bottom: 40px;}
.right-bar.form-main{padding:22px 22px;}




}
@media(max-width:1299px) {
 h2 {font-size: 42px;line-height: 52px;}
.menubar .btn-primary{width: 100%;padding-inline: 12px;}

.board-sec .main-2 .btn-primary{padding:12px 18px;font-size: 14px;}


}

@media (max-width:1199px) {
 #menu ul li a, header .btn-dark{font-size: 12px;}
 #menu ul{margin: 24px 0;margin-right: 20px;}
 #menu > ul > li a {padding: 0 14px;}
 section {padding: 45px 0;}
 h1 {font-size: 32px;}
 h2 {font-size: 35px;line-height: 40px;}
 .hero-banner h1 {font-size: 41px;line-height: 51px;}
 .hero-banner p {font-size: 16px;}
 .video-main{transform: unset;}
 .profile-sec h1, .profile-sec h3 {    font-size: 30px;}
  .pricing-sec .heading {margin-bottom: 30px;}
  .privacy-sec p, .privacy-sec ul li {line-height: 30px;}
  .contact-sec .contact-info .icon{min-width: 70px;}
  .contact-sec .contact-info .text a{font-size: 21px;}
  


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

.price-box{padding: 17px 10px;}

}
@media(max-width:991px){
  header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;box-shadow: 0 0 10px rgba(255, 166, 0, 0.3);}
  .topbar { width:100%; position:relative;z-index: 999; }
  .topbar .logo a{font-size: 32px;font-weight: 400;}
  header .logo{width: 125px;}

  .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.sticky{margin:0;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(--white);padding: 6px 0;}
    .topbar.sticky .logo{max-width: 125px;}
  .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 img{width: 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; margin-bottom: 33px;padding: 0;}
  .menu_close i {font-size:20px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--primary); 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 { margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{padding:0 ;color: var(--white);}
  .main_menu li.active a{font-weight: bold;}
  .mobile_menu_wrap ul.main_menu li a {font-size:17px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block;margin-top: 20px; width: 100%; color: var(--white);}
  .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: 4px;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-color: var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden; box-shadow: 0 4px 16px 0 #00000020;border-left:1px solid var(--dark2) ;padding-left: 20px;}
  .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: var(--dark);left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 20px;margin-top: 0px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}

  section {padding: 40px 0;}
  .banner small {font-size: 24px;line-height: normal;}
  .banner .sub-heading {font-size: 20px;}
  h2 {font-size: 31px;line-height: 37px;}
  h3 {font-size: 28px;line-height: 37px;}
  h4 {font-size: 25px;line-height: 37px;}
  p{font-size: 14px;} 
  .banner{padding: 60px 0;}
  .btn-dark , .btn-primary,.btn-secondary,.btn-light {padding: 9px 22px;font-size: 14px;}   
  footer .logo-box img{max-width: 125px;}
  .video-main{margin-bottom: 30px;aspect-ratio: 16/9;}
  .banner .effect{width: 25%;height: 100%;}
  .work-box { width: calc(33% - 14px);}
  .work-sec .main{justify-content: center;}
  .work-sec .main::after{content: unset;}
  .work-box .img-box img {width: 75px;}
  .work-box h5{font-size: 16px;padding-bottom: 8px;line-height: 1.3;}
  .news-bar .main .effect{height: 42%;width: 37%;}
  .news-bar .main{padding: 60px;}
  .video-main .ply-btn {width: 90px;}
  .news-bar{padding-top: 0;}
  .profile-sec .content-box{padding: 16px;}

  .login-sec .form-box{padding: 22px;}
  .login-sec .form-box form .form-control{padding: 20px 30px;}
  .login-sec .form-box .heading{margin-bottom: 30px;}
  .login-sec h1 {font-size: 32px;}
  .price-box .price span {font-size: 26px;}
  .tanks-sec h1 {font-size: 30px;}
  .board-sec form .main small {font-size: 12px;top: 15px;}
  .left-bar{padding: 22px;}
  .privacy-sec ul li::before {width: 14px;height: 14px;background-repeat: no-repeat;background-size: contain;top: 0%;left: -30px;}
  .faq-sec .accordion-button{font-size: 24px;}

  .contact-sec .contact-info .icon{min-width: 40px;}
  .contact-sec .contact-info .text a{font-size: 19px;}
  .contact-sec .contact-head{margin-top: 40px;}
  

  
  


}
@media (max-width:767px) {
  section,.banner{padding: 35px 0;}
  .testimonial-slids{margin-top: 30px;}
  .work-sec .main{margin-top: 30px;}
  .why-sec .heading-line{margin-bottom: 10px !important;}
  h2 {font-size: 26px;line-height: 35px;}
  h3 {font-size: 26px;line-height: 34px;}
  h4 {font-size: 20px;line-height: 26px;}
  h6 {font-size: 18px;line-height: 28px;}
  .video-main .ply-btn {  width: 60px;  }
  .work-box {  width: calc(47% - 14px); }
  .news-bar .main {padding: 30px; }
  .card-box .content h4{line-height: 1.9;}
  .testimonial-slids .owl-dots{margin-top: 30px;}
  .profile-sec h1, .profile-sec h3 {font-size: 22px;}

  .price-box .head h5 {font-size: 20px;}
  .price-box .price span {font-size: 26px;}
  .login-sec .form-box .heading {margin-bottom: 26px;}
  .right-bar .bottom strong{font-size: 16px;}
  .login-sec .main-form::before,.effect-box::before{left: -10px;top: -10px;}
  .effect-box .inner-box{padding: 22px;}
  .faq-sec .accordion-button {font-size: 20px;line-height: 29px;}
   .contact-sec .contact-info .icon{min-width: 30px;}
  .contact-sec .contact-info .text a{font-size: 17px;}
  .contact-sec{padding-bottom: 20px}


}

@media (max-width:667px) {
  .footer_bar{margin-top: 30px;padding-top: 20px;}
  .card-box {padding: 16px;}
  .work-box {width: calc(50% - 12px);}
  .video-main .content { bottom: 12px;    left: 12px;    right: 12px;}
  

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

}
@media (max-width:575px) {
  h1 {font-size: 28px;}
  h2 {font-size: 28px;line-height: 38px;}
  h3 {font-size: 22px;line-height: 30px;}
  .privacy-sec h2 {font-size: 28px;line-height: 38px;}
  .card-box .content h4{font-size: 18px;}
  .work-box {width: calc(50% - 8px);}
  footer {padding: 40px 0 20px;}
  footer .links ul li {    margin-top: 14px;}
  footer .contact_list a + a {    margin-top: 14px;}
  footer h4{margin-bottom: 10px;}
  .heading-work{flex-wrap: wrap;gap: 12px;}
  .heading-work::after{content: unset;}
  .footer_bar p {font-weight: 400;}
  .testimonial-slids{margin-top: 20px;}
  .work-sec .main{margin-top: 20px;}
  .testimonial-sec {border-width: 12px;}
  .testimonial-slids .owl-dots{margin-top: 20px;}
  .banner .effect {width: 33%; height: 43%; }
  .video-main .ply-btn {left: unset;right: 12px;top: 12px;bottom: unset;}

  .privacy-sec p, .privacy-sec ul li {line-height: 28px;}
  .login-sec h1 {font-size: 28px;}
  .login-sec .form-box .heading {margin-bottom: 24px;}
  .price-box .head h5 {font-size: 18px;}
  .price-box .price span {font-size: 24px; }
  .price-box {padding: 10px;}
  .board-sec .right-bar .form-control, .board-sec .right-bar .form-select {border-radius: 30px;padding: 14px 16px;}
  .login-sec .form-box form .form-control {padding: 14px 16px;}

  .right-bar .top img{width: 120px;}
  .login-sec .main-form::before,.effect-box::before{left: -6px;top: -6px;}
  .privacy-sec p, .privacy-sec ul li {font-weight: 400;line-height: normal;}
  .privacy-sec ul li::before {width: 14px;height: 14px;background-repeat: no-repeat;background-size: contain;top: 10%;left: -30px;}
  .faq-sec .accordion-button {font-size: 18px;line-height: 27px;}

}
@media (max-width:525px) {
    .board-sec form .main small {display: none;}
}
@media (max-width:500px) {
}
@media (max-width:480px) {
  .work-sec .main{gap: 1rem;}

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

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


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

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

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

}