@media screen and (max-width:1919px) {
    header .nav-inner .logo, header .nav-inner .contact-box { padding: 0 45px; }
    header .nav-inner .menu-list ul li a { padding: 30px 20px; }
    header .nav-inner .menu-list { padding-left: 15px; }
    header .nav-inner .contact-box ul { gap: 30px; }
    .custom-container { padding: 0 90px; }
    .about-us-section .left-box { padding-left: 90px; }
    .banner-section .banner-text h1 { font-size: 46px; }
    .services-section .services-box .content-box h4 { font-size: 19px; }
    .common-section { padding: 60px 0; }
    .about-us-section .left-box h4 { font-size: 20px; }
}
@media screen and (max-width:1599px) {
    header .nav-inner .menu-list ul li a { padding: 25px 15px; }
    .banner-section .banner-text h1 { font-size: 42px; line-height: 52px; }
    .about-us-section .left-box { padding-right: 50px; }
    .about-us-section .left-box h4 { font-size: 20px; margin-bottom: 20px; }
    .services-section .title-box h4 { font-size: 22px; }
    .common-section { padding: 50px 0; }
    .title-box { margin-bottom: 30px; }
    .services-section .services-box .content-box h4 { font-size: 18px; left: 18px; bottom: 18px; }
    footer .top-footer { margin-bottom: 40px; }
    footer .top-footer ul li a { font-size: 18px; }
    .cta-section .left-box h2 { font-size: 32px; }
    footer img.logo { width: 230px; }
    .title-box h2 { font-size: 36px; }
    header .nav-inner .logo img { width: 360px; }
}
@media screen and (max-width:1439px) {
    header .nav-inner .menu-list ul li a { font-size: 17px; }
    .about-us-section .left-box h4 { font-size: 18px; margin-bottom: 20px; }
    p { font-size: 16px; }
    .services-section .services-box .content-box { height: 315px; }
    .banner-section .banner-text h1 { font-size: 40px; }
    .services-section .title-box h4 { font-size: 21px; }
    .services-section .services-box .content-box h4 { font-size: 17px; left: 16px; bottom: 16px; }
    .cta-section .custom-container { gap: 50px; }
    footer .top-footer ul li img { width: 28px; }
    .cta-section .right-box .form-control { height: 46px; border-radius: 6px; padding: 0 15px; }
    .cta-section .right-box textarea.form-control { border-radius: 8px; padding: 10px 15px; }
    .common-btn { font-size: 18px; }
}
@media screen and (max-width:1365px) {
    .about-us-section .left-box { padding-left: 70px; padding-right: 40px; }
    .banner-section .banner-text h1 { font-size: 38px; line-height: 48px; }
    .custom-container { padding: 0 70px; }
    .about-us-section .right-box img { border-radius: 80px 0 0 0; }
    .services-section .title-box h4 { font-size: 20px; }
    .title-box { margin-bottom: 30px; }
    .services-section .services-box .content-box h4 { font-size: 16px; left: 10px; bottom: 10px; }
    .cta-section .custom-container { gap: 15px; }
    p { font-size: 16px; }
    footer .top-footer ul li a { font-size: 17px; }
}
@media screen and (max-width:1279px) {
    header .nav-inner .menu-list { padding-left: 10px; }
    header .nav-inner .logo, header .nav-inner .contact-box { padding: 0 30px; }
    header .nav-inner .menu-list ul li a { padding: 20px 6px; font-size: 16px; }
    .banner-section .banner-text h1 { width: 70%; font-size: 34px; line-height: 45px; }
    .banner-section .owl-dots .owl-dot { height: 12px; width: 12px; margin-right: 15px; }
    .title-box h2 { font-size: 32px; }
    .common-section { padding: 40px 0; }
    .custom-container { padding: 0 50px; }
    .about-us-section .left-box { padding-left: 50px; padding-right: 20px; }
    .about-us-section .left-box h4 { font-size: 16px; margin-bottom: 15px; }
    .services-section .title-box h4 { font-size: 18px; }
    p { font-size: 15px; }
    .services-section .services-box .content-box { height: 240px; }
    .services-section .services-box .content-box h4 { bottom: 20px; }
    .services-section .services-box .col-md-3:first-child { margin-bottom: 25px; }
    .cta-section .right-box .form-group { margin-bottom: 15px; }
    .cta-section .right-box .form-control { height: 40px; }
    .common-btn { font-size: 16px; padding: 10px 25px; }
    footer .top-footer { gap: 40px }
    footer img.logo { width: 210px; }
    footer .top-footer p { margin-bottom: 30px; }
    footer .top-footer ul li a { font-size: 16px; }
    footer .top-footer ul li img { width: 20px; }
    footer .top-footer .con-box { flex: 0 80%; }
    footer .top-footer .logo-box { flex: 25% 0; }
    .services-section .services-box .col-md-3:first-child { margin-bottom: 20px; }
    .services-section .services-box .col-md-3 { width: 33%; margin-bottom: 20px; }
    .services-section .services-box .col-md-3:last-child, .services-section .services-box .col-md-3:nth-last-child(2) { margin-bottom: 0; }
    .services-section .services-box .content-box h4 { bottom: 5px; }
    footer img.logo { width: 190px; }
}
@media screen and (max-width:1023px) {
    header .nav-inner { display: block; position: relative; }
    header .nav-inner .menu-list, header .nav-inner .contact-box { display: none; }
    header .menu-box { display: block; position: fixed; }
    .menu-open header .nav-inner .logo { position: fixed; background: #fff; }
    header .nav-inner .logo img { width: 160px; padding: 10px 0; }
    .menu-open .back-to-top { display: none !important }
    .menu-open { overflow: hidden; }
    .menu-open header .nav-inner { height: 100vh; overflow: scroll; }
    .menu-open header .nav-inner .menu-list, .menu-open header .nav-inner .contact-box { display: block; }
    header .nav-inner .menu-list { padding-top: 70px; }
    header .nav-inner .contact-box { padding-bottom: 30px; }
    header .nav-inner .menu-list ul, header .nav-inner .contact-box ul { display: block; }
    header .nav-inner .menu-list ul li a { padding: 13px 0; }
    header .nav-inner .menu-list { padding-left: 30px; }
    header .nav-inner .contact-box li { margin-bottom: 20px; }
    header .nav-inner .contact-box li:last-child { margin-bottom: 0; }
    .banner-section .banner-text h1 { width: 85%; font-size: 28px; line-height: 38px; }
    .banner-section .owl-dots { left: 30px; bottom: 25px; }
    .banner-section .banner-text { left: 30px; }
    .about-us-section .left-box { padding-left: 30px; padding-right: 30px; width: 100%; }
    .about-us-section .right-box { width: 100%; margin-left: 0; display: block; height: 300px; overflow: hidden; }
    .about-us-section .right-box img { border-radius: 0; }
    .custom-container { padding: 0 30px; }
    .services-section .services-box .col-md-3 { width: 50%; }
    .title-box { margin-bottom: 20px; }
    .common-section { padding: 30px 0; }
    .cta-section .custom-container { gap: 0; flex-wrap: wrap; }
    .cta-section .left-box, .cta-section .right-box { flex: auto; }
    .cta-section .left-box h2 { margin-bottom: 25px; }
    .title-box h2 { font-size: 30px; line-height: 30px; }
    .services-section .services-box .content-box h4 { bottom: 10px; height: 50px; font-size: 17px; }
    footer .top-footer { gap: 0; flex-wrap: wrap; }
    footer .top-footer .logo-box, footer .top-footer .con-box { flex: auto; }
    footer .top-footer .logo-box { margin-bottom: 15px; }
    footer .top-footer p { margin-bottom: 20px; }

    /* .banner-section {height: 230px;}

    .banner-section .owl-carousel ,.banner-section .owl-carousel .owl-stage-outer, .banner-section .owl-carousel .owl-stage ,  .banner-section .item ,.banner-section .owl-carousel .owl-item, .banner-section .owl-carousel .owl-item img{height: 100%;} */
    header .nav-inner .contact-box { border-top: 1px solid #ded5c8; padding-top: 15px; margin-top: 10px; }
    .about-us-section, .cta-section { text-align: center; }
    .about-us-section .left-box { margin-bottom: 20px; }
    footer img.logo { width: 180px; }
    footer .top-footer .logo-box { text-align: center; }
    footer { padding-top: 30px; }
    footer .top-footer { margin-bottom: 30px; }
    header .nav-inner .logo img { width: 150px; }
    header .nav-inner .logo, header .nav-inner .contact-box { padding: 12px 30px; }
    header .menu-box { top: 28px; }
}
@media screen and (max-width:767px) {
    .banner-section .banner-text h1 { width: 85%; font-size: 24px; line-height: 32px; }
    .about-us-section .left-box h4 { font-size: 17px; margin-bottom: 10px }
    .services-section .title-box h4 { font-size: 17px; }
    footer .contact-box { flex-wrap: wrap; gap: 10px; }
    footer { padding-top: 40px; }
    header .nav-inner .menu-list ul li a { padding: 10px 0; }
    .banner-section { height: 280px; }
    .banner-section .owl-carousel, .banner-section .owl-carousel .owl-stage-outer, .banner-section .owl-carousel .owl-stage, .banner-section .item, .banner-section .owl-carousel .owl-item, .banner-section .owl-carousel .owl-item img { height: 100%; }
    .title-box h2 { margin-bottom: 10px; }
    .about-us-section .left-box { margin-bottom: 16px; }
}
@media screen and (max-width:639px) {
    .custom-container { padding: 0 20px; }
    header .nav-inner .menu-list { padding-left: 20px; }
    header .nav-inner .contact-box { margin-top: 10px; }
    .banner-section { height: 260px; }
    .banner-section .banner-text h1 { font-size: 20px; line-height: 24px; }
    .services-section .services-box .col-md-3 { width: 100%; }
    .services-section .services-box .content-box h4 { bottom: 20px; height: auto; font-size: 18px; left: 20px; }
    .services-section .services-box .col-md-3:nth-last-child(2) { margin-bottom: 20px; }
    .cta-section .left-box h2 { margin-bottom: 20px; font-size: 22px; }
    .about-us-section .left-box { padding-left: 20px; padding-right: 20px; }
    .title-box h2 { font-size: 22px; line-height: 27px; }
    .about-us-section .left-box h4 { font-size: 16px; }
    p { font-size: 14px; }
    .about-us-section .left-box p { margin-bottom: 10px; }
    .services-section .title-box h4 { font-size: 16px; font-weight: 400; }
    footer img.logo { width: 180px; }
    footer .top-footer { margin-bottom: 20px; }
    header .nav-inner .logo { padding: 0 20px; }
    .cta-section .right-box .form-control { height: 40px; border-radius: 4px; padding: 0 10px; font-size: 14px; }
    footer .top-footer ul li a { font-size: 15px; }
    footer .bottom-footer { padding: 8px 0; }
    .title-box { margin-bottom: 10px; }
    .banner-section .owl-dots .owl-dot { height: 10px; width: 10px; margin-right: 10px; }
    .back-to-top { right: 20px; }
    .about-us-section .right-box { height: auto; overflow: auto; }
    header .nav-inner .logo { padding: 10px 20px; }
    header .nav-inner .logo img { width: 150px; }
}
@media screen and (max-width:479px) {
    .common-section { padding: 30px 0; }
    .custom-container { padding: 0 15px; }
    .menu-open header .nav-inner .menu-list, .menu-open header .nav-inner .contact-box { text-align: center; }
    header .nav-inner .menu-list { padding-left: 0; }
    .banner-section { height: 200px; }
    .banner-section .banner-text h1 { font-size: 18px; line-height: 24px; width: auto; text-align: center; }
    .banner-section .owl-dots { left: 50%; transform: translateX(-50%); bottom: 10px; }
    .banner-section .banner-text { left: 50%; transform: translate(-50%, -50%); width: 90%; }
    .about-us-section .left-box { text-align: center; }
    .services-section .services-box .content-box h4 { font-size: 17px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }
    .cta-section { text-align: center; }
    .cta-section .left-box h2 { margin-bottom: 15px; font-size: 24px; }
    header .nav-inner .logo img { width: 130px; }
    footer { padding-top: 30px; }
    footer img.logo { width: 150px; }
    header .nav-inner .logo img { width: 150px; }
}
@media screen and (max-width:359px) {
    .banner-section { height: 180px; }
    .cta-section .left-box h2 { font-size: 22px; }
    .banner-section .banner-text h1 { font-size: 16px; line-height: 22px; }
    .about-us-section .left-box h4, .services-section .title-box h4 { font-size: 14px; }
    .common-section { padding: 20px 0; }
}