@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1200px) {
  /*====================== Announcements Page ======================*/
    .announcement-card-area .announcement-card{width: calc(50% - 12px);}
    .announcement-card:nth-child(4n+3),
    .announcement-card:nth-child(4n+4){flex-direction: row-reverse;}
    .announcement-card:nth-child(4n+3) .announcement-img,
    .announcement-card:nth-child(4n+4) .announcement-img{border-radius: 0 5px 0 0;}
    .announcement-card:nth-child(4n+3) .announcement-content,
    .announcement-card:nth-child(4n+4) .announcement-content{padding: 20px 0 20px 10px;}
}
@media only screen and (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width:1375px !important; padding:0;}
}



@media only screen and (max-width: 1399px) {
  .btm-header .logo{margin-bottom: -55px;}
  .header .navbar-nav .nav-item{padding: 0px 20px;}

}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
  /*====================== Announcements Page ======================*/
  .announcement-card-area .announcement-card{width: 100%;}
  .announcement-card:nth-child(2n+2){flex-direction: row-reverse;}
  .announcement-card:nth-child(2n+2) .announcement-img{border-radius: 0 5px 0 0;}
  .announcement-card:nth-child(2n+2) .announcement-content{padding: 20px 0 20px 10px;}
}
@media only screen and (max-width: 1199px) {
  p{font-size: 16px;}
  /*====================== Theme Title ======================*/
  .theme-title-area{margin-bottom: 20px;}
  .theme-title-area .theme-subtitle{padding: 0 0 8px;font-size: 20px;}
  /* --------------------------- */
  .theme-title-area .theme-subtitle::before{width: 40px;}
  .theme-title-area .theme-subtitle::after{width: 25px;}
  @keyframes subtitleAfter {0%, 100%{width: 3px;}50%{width: 25px;}}
  .theme-title-area .theme-title{font-size: 30px;}
  /*====================== Page Button ======================*/
  .theme-btn{padding: 0 25px;font-size: 14px;}
  /*====================== Header ======================*/
  .top-header .header-contact li{margin-right: 10px;}
  .top-header .header-contact a span{display: none;}
  .btm-header .logo img{max-width: 160px;}
  /*--------  --------*/
  .header .navbar{justify-content: flex-end;}
  .header .navbar-collapse{position: fixed;top: 0;left: 0;height: 100%;background: rgb(0 0 0 / 98%);overflow-y: auto;z-index: 9;}
  .header .navbar-collapse .navbar-nav{padding:30px 15px;width: 250px;}
  .menu-overlay{display: none;background-color: #000;opacity: 0.5;filter: alpha(opacity=50);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 8;}
  .header .navbar-nav .nav-item{padding: 0;}
  .header .navbar-nav .nav-item .nav-link{margin-bottom: 15px;padding: 8px 10px;font-size: 15px;color: rgb(255 255 255/ 65%);}
  .header .navbar-nav .nav-item .nav-link.site-link:before{padding: 8px 0;width: 0;border-bottom: 1px solid #fff;color: #fff;left: 10px;transition: max-width 0.5s, width 0.5s;}
  .header .navbar-nav .nav-item .nav-link.site-link:after{display: none;}
  .header .navbar-nav .nav-item .nav-link.site-link:hover:before{width: calc(100% - 20px);}
  .header .navbar-nav .nav-item .nav-link.site-link.active:before{width: calc(100% - 20px);}
  .header .navbar-nav .nav-item .enq-btn{position: relative;width: fit-content;font-size: 15px;}
  .header .navbar-nav .nav-item .enq-btn.site-link:before{padding: 8px 0 8px 0;color: #000;border-bottom: none;}
  .header .navbar-nav .nav-item .enq-btn.site-link:after{display: block;}
  .btm-header{padding: 0;}
  /*====================== Footer ======================*/
  .footer .footer-company{margin: 35px 0;}
  .footer .footer-company h4{font-size: 20px;}
  .footer .footer-company p{font-size: 14px;}
  .footer .footer-contact{margin: 35px 0;}
  .footer .footer-contact ul{gap: 5px;}
  .footer .footer-contact .f-contact-link{font-size: 15px;}
  .footer .footer-contact .f-contact-link i{font-size: 18px;}
  .footer .footer-contact .social-link{margin-top: 10px;gap: 8px;}
  .footer .footer-contact .social-link a{width: 35px;height: 35px;font-size: 14px;line-height: 35px;}
  /*--------  --------*/
  .footer .footer-mid{padding: 15px 0 15px 0;}
  .footer .footer-nav{gap: 10px 22px;}
  .footer .footer-nav li{font-size: 14px;}
  /*--------  --------*/
  .footer .footer-btm{padding: 15px 10px 15px 10px;}
  .footer .footer-btm p{font-size: 13px;}
  /*====================== CTA Area ======================*/
  .cta-secn .cta-secn-content{flex-direction: column;text-align: center;}
  .cta-secn .theme-title-area .theme-title{margin: 0 auto 15px;width: 90%;font-size: 35px;}
  .cta-secn .theme-title-area p{font-size: 18px;}
  /*====================== Testimonial Area ======================*/
  .testimonial-secn .owl-carousel .owl-nav{bottom: calc(100% + 26px);}
  .testimonial-secn .theme-title-area{margin-bottom: 30px;}
  .testimonial-card{padding: 40px 60px 30px 30px;}
  .testimonial-card::before{top: 15px;right: 15px;width: 60px;height: 60px;}
  .testimonial-card p{margin-bottom: 15px;font-size: 15px;}
  .testimonial-card .testimonial-footer{margin-top: 20px;}
  .testimonial-card .testimonial-footer h6{font-size: 16px;}
  /*====================== Inner Page ======================*/
  .inner-banner .page-caption{padding-right: 0;font-size: 50px;}
  /*====================== Services Page ======================*/
  /* .services-card{gap: 40px;margin-bottom: 30px;}
  .services-card .services-img{width: 50%;}
  .services-card .services-content{width: 50%;} */
  /*====================== Gallery Page ======================*/
  .gallery-card .gallery-content h4{min-height: 43px;font-size: 18px;}

}
@media only screen and (max-width: 991px) { 
  /*====================== Slider Area ======================*/
  .home-slider .slider-control-area .carousel-control-prev,
  .home-slider .slider-control-area .carousel-control-next{width: 45px;height: 45px;}
  .home-slider .slider-control-area .carousel-control-prev .carousel-control-prev-icon, 
  .home-slider .slider-control-area .carousel-control-next .carousel-control-next-icon{width: 8px;height: 8px;border-width: 2px 2px 0 0;}
  .home-slider .carousel-item .carousel-caption{bottom: 12%;transform: translate(-50%, 0);}
  .home-slider .carousel-item .carousel-caption h6{font-size: 16px;}
  .home-slider .carousel-item .carousel-caption h2{font-size: 40px;}
  .home-slider .carousel-item .carousel-caption p{font-size: 16px;}
  /*====================== About Area ======================*/
  .about-secn{padding: 80px 0;}
  /*====================== Services Area ======================*/
  .services-secn{padding: 80px 0;}
  .services-secn .theme-title-area{max-width: 570px;margin: 0px auto 30px;}
  /*====================== CTA Area ======================*/
  .cta-secn{padding: 90px 0;}
  /*====================== Testimonial Area ======================*/
  .testimonial-secn{padding: 90px 0;}
  .testimonial-secn .owl-carousel .owl-nav{position: relative;margin: 10px auto 0;}
  
  /*====================== Contact Page ======================*/
  .contact-detail-area{margin: 80px 0 60px;flex-direction: column;}
  .map-secn{margin-top: 80px;}
  /*====================== Contact Page ======================*/
  .company-profile-area{margin: 80px 0 60px;}
  .company-whyus-area{padding: 80px 0;}
  /*====================== Services Page ======================*/
  .services-area{padding: 80px 0;}
  /*====================== Gallery Page ======================*/
  .gallery-area{margin: 80px 0;}
  /*====================== Announcements Page ======================*/
  .announcements-area{margin: 80px 0;}
}
@media only screen and (max-width: 767px) {
  /*====================== Footer ======================*/
  .footer .footer-logo-area{margin: auto;max-width: 190px;}
  .footer .footer-contact::before{top: -35px;left: 0;width: 100%;height: 1px;}
  /*====================== Inquiry Popup ======================*/
  .inquiry_popup .offcanvas-start{width: 500px;}
  /*====================== Slider Area ======================*/
  .home-slider .slider-control-area .carousel-control-prev,
  .home-slider .slider-control-area .carousel-control-next{width: 35px;height: 35px;}
  .home-slider .slider-control-area .carousel-control-prev .carousel-control-prev-icon, 
  .home-slider .slider-control-area .carousel-control-next .carousel-control-next-icon{width: 8px;height: 8px;border-width: 2px 2px 0 0;}
  .home-slider .carousel-item .carousel-caption{max-width: 480px;}
  .home-slider .carousel-item .carousel-caption h6{font-size: 12px;}
  .home-slider .carousel-item .carousel-caption h2{margin-bottom: 8px;font-size: 26px;}
  .home-slider .carousel-item .carousel-caption p{font-size: 16px;}
  /*====================== Inner Page ======================*/
  .inner-banner{min-height: 150px;}
  .inner-banner .page-caption{font-size: 40px;}
  /*====================== Services Page ======================*/
  /* .services-card{gap: 20px;flex-direction: column;}
  .services-card:nth-child(even){flex-direction: column;}
  .services-card .services-img{width: 100%;max-width: 500px;}
  .services-card .services-content{width: 100%;} */
  /*====================== Gallery Page ======================*/
  .gallery-card .gallery-content h4{min-height: unset;}
  /*====================== Announcements Page ======================*/
  .announcement-card{flex-direction: column;padding: 20px 10px;}
  .announcement-card .announcement-img{margin: auto;border-radius: 5px 5px 0 0;}
  .announcement-card .announcement-content{padding: 0 10px;width: 100%;}
}
@media only screen and (max-width: 575px) {
  .theme-title-area .theme-subtitle{font-size: 17px;}
  .theme-title-area .theme-title{font-size: 22px;}
  p{font-size: 14px;}
  .owl-carousel .owl-nav{margin: 10px auto 0;}
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{width: 30px;height: 30px;}
  .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before{ width: 8px;height: 8px;border-width: 2px 2px 0 0;}
  /*====================== Header ======================*/
  .top-header .header-content .header-social li a{width: 45px;line-height: 40px;font-size: 15px;}
  .btm-header .logo{margin-bottom: -30px;}
  .btm-header .logo img{max-width: 90px;}
  /*====================== Footer ======================*/
  .footer .footer-nav li{font-size: 13px;}
  .footer .footer-btm p{font-size: 12px;}
  /*====================== Inquiry Popup ======================*/
  .inquiry_popup .offcanvas-start{padding: 30px 15px;width: 380px;}
  .inquiry_popup button.btn-close{right: 0px;top: -30px;}


  .footer .footer-logo-area{max-width: 130px;min-height: unset;}
  .footer .footer-logo-area img{margin: 0;width: 100%;height: 100%;}
  /*====================== About Area ======================*/
  .about-secn{padding: 50px 0;}
  .about-secn .theme-btn{margin-top: 10px;}
  .about-secn .about-img-area{gap: 14px;justify-content: center;}
  .about-secn .about-img-area .about-img-area-list.img-list-1{gap: 14px;}
  .about-secn .about-img-area .experience-card{padding-inline: 10px;padding-block: 20px;}
  .about-secn .about-img-area .experience-card h5{font-size: 40px;}
  .about-secn .about-img-area .experience-card p{font-size: 16px;}
  /*====================== Services Area ======================*/
  .services-secn{padding: 50px 0;}
  .services-secn .theme-title-area{margin: 0px auto 10px;}
  .services-card .services-content h4{margin: 0 0 10px 0;font-size: 18px;}
  .services-card .services-content p{font-size: 14px;}
  /*====================== CTA Area ======================*/
  .cta-secn{padding: 60px 0;}
  .cta-secn .theme-title-area .theme-title{margin: 0 auto 10px;font-size: 30px;}
  .cta-secn .theme-title-area p{font-size: 15px;}
  /*====================== Testimonial Area ======================*/
  .testimonial-secn{padding: 60px 0;}
  .testimonial-card{padding: 30px 50px 20px 20px;}
  .testimonial-card::before{top: 10px;right: 10px;width: 50px;height: 50px;}
  .testimonial-card p{font-size: 14px;}
  .testimonial-card .testimonial-footer{margin-top: 16px;}
  .testimonial-card .testimonial-footer h6{font-size: 15px;}
  /*====================== Inner Page ======================*/
  .inner-banner{min-height: 100px;}
  .inner-banner .page-caption{font-size: 30px;}


  /*====================== Contact Page ======================*/
  .contact-detail-area{margin: 50px 0 30px;}
  .contact-box{padding: 30px;}
  .contact-form{padding: 30px;}
  .contact-form .input-wrap{margin-bottom: 15px;}
  .map-secn{margin-top: 50px}
  /*====================== Contact Page ======================*/
  .company-profile-area{margin: 50px 0 30px;}
  .company-whyus-area{padding: 50px 0;}
  /*====================== Services Page ======================*/
  .services-area{padding: 50px 0;}
  /*====================== Gallery Page ======================*/
  .gallery-area{margin: 50px 0;}
  .gallery-card .gallery-content h4{font-size: 16px;}
  .gallery-card .gallery-content .gallery-btn{bottom: 0;}
  /*====================== Announcements Page ======================*/
  .announcements-area{margin: 50px 0;}
  .announcement-card .announcement-content .date{font-size: 14px;}
  .announcement-card .announcement-content h4{margin: 0 0 12px 0;font-size: 18px;}
  .announcement-card .announcement-content p{font-size: 14px;}

  .inquiry_popup.payment-popup button.btn-close{right: 0px;top: -30px;}
}