@media screen and (max-width:1699px){ 
    .cta figure { max-width: 546px;}
    .cta-3-images{overflow: hidden !important;}
}

@media screen and (max-width:1499px){ 
    h1 { font-size: 78px; line-height: 80px; }

    .conversations .services { gap:30px; }

    .cta .container-fluid div { max-width: 745px;}

    .faq .faq-image-content { padding-right: 46px;}
    
}

@media screen and (max-width:1399px){ 
    section{padding: 80px 0px;}
    .banner { padding-bottom:80px; }

    footer { padding-top:80px; }
    .banner-internal {min-height: 500px; padding-bottom: 25px;}
    .cta-3-content{max-width: 380px; padding: 60px 0;}
    .cta-3-content h2{font-size: 46px;}
    .blog-page-banner{min-height: 550px;padding: 0;}
    .blog-page-banner .banner-content{max-width: 500px; }

}

@media screen and (max-width:1299px){
    h1 { font-size: 68px; line-height:70px; }
    h2 { font-size: 50px;  }
    h3 { font-size: 20px;}
    h4 { font-size:18px; }
    .banner-internal h1{font-size: 48px; line-height: 58px;}

    header .nav a { font-size:16px; }
    header .navbar .nav {  gap: 40px;}
    header .custom-logo { width:200px; }
    .banner .banner-content .d-flex { flex-wrap:wrap; }

    .cta figure { max-width: 346px;}
    .cta > img { height: 160px;}
    .everything > img { height:160px; }
    .faq > img { height:160px; }

    .guide .guide-content { padding-right: 26px;}
    .banner-internal {min-height: 500px;}
    .faq .faq-image-content { padding-right: 20px;}

}

@media screen and (max-width: 1199px){
    h1 { font-size: 58px; line-height:60px; }
    h2 { font-size: 45px;  }

    .cta .container-fluid div { max-width:650px; }

    .conversations .services { grid-template-columns: repeat(2, 1fr);}

    /*.smart .item figure { width:45px; height:60px; }*/

    .guide .guide-content { padding-right: 0px;}

    .guide .guide-content { gap: 30px;}

    .faq .faq-image-content { padding-right: 0px;}

    footer .mail-box { height: 46px;}
    .cta-3 .cta-3-images img{ width:100%; max-width: 300px;}
}


@media screen and (max-width: 991px){
    h1 { font-size: 48px; line-height:50px; }
    h2 { font-size: 40px;}
    h3 { font-size: 18px;}
    section{padding: 50px 0px;}
    .banner-internal h1{font-size: 40px; line-height: 50px;}

    /* -----------------------------------------------------
    Navifgation Responsive Styles
    ----------------------------------------------------- */
    #nav { position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; height: 100vh; background: #fff; padding: 80px 0px 0px; transition: all 0.4s ease; z-index: 998; overflow-y: auto;}
    #nav.is-active {right: 0;         display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: stretch;
        gap: 18px;}
    #nav .nav { flex-direction: column; gap: 10px; width: 100%; padding: 0px 20px;}
    #nav .nav li a {  color: #000; margin: 0;}
    header .mobile-toggle {display: inline-block;}
    .mobile-toggle{ position:relative; z-index:999;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.25s;transition-timing-function:linear;background-color:transparent;border:0; overflow:visible; padding:0; width:34px; height:28px; }
    .mobile-toggle-box{width:28px;height:28px;display:inline-block;position:relative;}
    .mobile-toggle-inner{display:block;top:50%;margin-top:-2px}
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after{width:28px;height:3px;background-color:#085269;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;}
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after{background-color:#085269; }
    .mobile-toggle-inner::before,.mobile-toggle-inner::after{content:"";display:block}
    .mobile-toggle-inner::before{top:-10px}
    .mobile-toggle-inner::after{bottom:-10px}
    .mobile-toggle--squeeze .mobile-toggle-inner{ -webkit-transition-duration:.075s;-ms-transition-duration:.075s;transition-duration:.075s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze .mobile-toggle-inner::before{-webkit-transition:top .075s .12s ease,opacity .075s ease;-ms-transition:top .075s .12s ease,opacity .075s ease;transition:top .075s .12s ease,opacity .075s ease}
    .mobile-toggle--squeeze .mobile-toggle-inner::after{-webkit-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;-ms-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-ms-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1)}
    body.nav-open .nav-overlay { opacity: 1; visibility: visible;}
    header .navbar+.btn { display:none; }
    header .navbar .btn { display:block; margin-left: 20px;}
    header .sign-in { display:block; }
    header .header-nav > div { gap:20px; }
    header .custom-logo { width:170px; }
    header .nav li:last-of-type { display:none; }

    .banner { min-height: 500px; padding-bottom:50px; padding-top: 140px;}
    .banner .banner-content * { text-align:center; }
    .banner .banner-content .d-flex { justify-content:center; }
    /*.banner .banner-content figure { margin-top:50px; }*/
    .banner .banner-content h1, .banner .banner-content h4, .banner .banner-content .btn, .banner .banner-content .btn1 { opacity: 0;transform: translateY(50px);}
    .banner .banner-content.animate h1 { animation: fadeUp 1s ease forwards;}
    .banner .banner-content.animate h4 { animation: fadeUp 1s ease forwards; animation-delay: 0.3s;}
    .banner .banner-content.animate .btn { animation: fadeUp 1s ease forwards; animation-delay: 0.6s;}
    .banner .banner-content.animate .btn1 { animation: fadeUp 1s ease forwards; animation-delay: 0.6s;}
    .banner-internal {min-height: auto;}
    .blog-page-banner{min-height: 450px; background-position: left center}
    .banner-internal .banner-content span{margin-top: 0;}
    @keyframes fadeUp {
      0% {
        opacity: 0;
        transform: translateY(50px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .banner .col-lg-6:first-of-type { order:2; margin-top:50px; }
    .banner .col-lg-6:last-of-type { order:1; }
    .blog-page-banner{padding:100px 0 0; display: flex; align-items: center; justify-content: center; text-align: center;}
    .blog-page-banner .banner-content{max-width: 800px;margin:0 auto; }

    .conversations .services { gap: 30px 20px; }

    .cta { text-align:center; }
    .cta h2:after { left: 50%; transform: translateX(-50%);}
    .cta figure { display:none; }
    .cta .container-fluid div { max-width:100%; }

    .everything .section-overflow { overflow-x:auto; }

    .everything .items { flex-direction:row;  gap: 14px; width: 900px; padding-bottom: 20px}
    .everything .work {margin-top:20px;}
    .everything .item { padding: 15px; gap: 14px;}
    .everything .item figure { width: 60px; height: 60px; flex-shrink:0; padding:15px; }
    .everything .item span {width: 26px; height: 26px; position: relative; top:0; right: 0; margin: 0}
    .everything .item span .ri-arrow-right-line{font-size: 16px;}
    .everything .item h3 { white-space:nowrap; margin-bottom:5px; }
    .everything .d-flex { flex-direction: column; align-items: start; gap: 0;}
    .everything .one-place { max-width:100%; gap:10px; }
    .everything .one-place+figure { margin:auto; }
    .everything .second-para { margin-bottom: 25px;}
    .everything .work ul li:last-child{ padding-bottom: 0;}

    .guide .guide-image { max-width: 500px; margin: auto; margin-top: 50px; height: 500px;}

    /*.why-choose .compare-mobile { display:block; }
    .why-choose .compare { display:none; }*/
    .why-choose .first-box ul li{font-size: 14px;line-height: 36px;}
    .why-choose .first-box ul li:last-child{line-height: 22px;}
    .why-choose .first-box{width: 150px; min-width: 150px;}
    .why-choose .top-section p{font-size: 12px;}
    .why-choose .second-box .top-section img{width: 170px;}
    .why-choose .third-box .top-section img, .why-choose .fourth-box .top-section img{width: 42px;}
    .why-choose .second-box ul li, .why-choose .third-box ul li, .why-choose .fourth-box ul li{ gap: 10px; font-size: 12px;line-height: 13px;}
    .why-choose .second-box, .why-choose .third-box, .why-choose .fourth-box{ width: 260px; padding: 20px 15px; }

    .faq .faq-image-content h2 { max-width: 100%;}
    .faq .faq-image-content figure { margin:30px 0px; }
    .faq .faq-image-content { text-align: center;}

    footer { padding-top:20px; }
/*    footer .footer-logo { max-width: 300px; margin: auto; text-align: center;  }
    footer .footer-logo p { max-width:100%; }*/
    footer .copyright { margin-top:30px; flex-direction:column-reverse; gap:10px;    }
    footer .nav-link { padding-top:30px; }
    footer .social-media { max-width: 400px; margin: auto;}
    footer .footer-policy { justify-content:center; }

    .about h2{font-size: 34px;}
    .about-list-content h6{font-size: 20px;margin-bottom: 5px;}
    .about-list-content p{font-size: 16px;}
    .guide-left-block{margin-bottom: 50px;}
    .guide-left-block p{max-width: 100%}

    .borderd-box-sm .item{flex: 0 0 48%; }

    .two-column{display: block;}
    .two-column-image{flex: 0 0 100%; width: 100%; margin-bottom: 50px}
    .two-column-content{max-width: 100%;}
    .two-column-content .about-list{max-width: 100% !important;}
    .cta-3-content{max-width: 100%;padding-bottom: 0}
    .cta-3-content h2{font-size: 36px;}
    .cta-3-content p{font-size: 16px;}
    .cta-3-images{position: relative;}
    .blog-page-content .blog-list { grid-template-columns: repeat(2, 1fr);}
}


@media screen and (max-width: 768px){
    h2 { font-size: 35px;}
    h4 { font-size:16px; }
    h5 { font-size:18px; }
    p  { font-size:16px; }
    a { font-size:16px; }
    .btn-sm{font-size: 14px;}
   /* .ri-arrow-right-line {
    font-size: 22px;}*/
    .ri-play-circle-line {
    font-size: 22px;}
    .btn ,.btn1{ font-size:16px; line-height:16px; padding:15px 20px; }
    header .header-nav > div { gap: 15px; }
    header .custom-logo { width: 150px;}
    .banner .col-lg-6:first-of-type { margin-top: 30px;}
    .blog-page-banner{ min-height:400px;}
    .banner .banner-content .d-flex { gap:15px !important; }
    .banner .banner-content h4 { line-height: 25px;}
    .banner-internal h1{font-size: 30px; line-height: 40px;}
    .cta > img { height: 100px;}
    .everything > img { height:100px; }
    .faq > img { height:100px; }
    .everything .work { padding:25px 15px; }
    .everything .work h3{font-size: 20px;}

    /*.smart .item { max-width: 500px; }*/
    .borderd-box .item{flex:0 0 48%;}
    .guide .custom-list{padding-right: 0;}
    .guide .number { height: 50px; width: 50px;}

    .why-choose .compare-mobile h5 { margin-bottom:0px; }

    .faq .accordion-button { font-size: 16px;}
    .faq .accordion-body { font-size: 16px;}
    .faq .accordion { gap:20px; }
    footer .nav-link li a { font-size:16px; }
    footer .nav-link h4 { margin-bottom:16px; }
    footer .nav-link h4:after { bottom:-12px; }
    .about{text-align: center;}
    .about-seperater{max-width: 100%;padding-right: 0}
    .about-list{text-align: left; max-width: 380px; margin: 0 auto;}
    .custom-list{gap:25px}
    .custom-list .item{gap:10px;}
    .custom-list:after{left:25px;}
    .agreement:before{ content: ""; height:120px; width:250px;}
    .two-column{padding: 30px 15px;}
    .two-column-content h3{font-size: 24px;}
    .two-column-content .about-list-content h6{font-size: 18px;}
    .faq-reverse figure{margin-bottom: 30px;}
    .cta-3 .cta-3-images img {max-width: 200px;}
    .cta-3-content h2{font-size: 28px;}
}

@media screen and (max-width: 599px){
    h1 {font-size: 32px;line-height:38px;}
    h2 {font-size: 28px;}
    .banner { padding-top: 100px;}
    .everything .items{gap:10px;}
    .everything .item{padding: 15px 10px; gap:10px;}
    .everything .item h3{font-size: 16px;}
    .everything .item figure{width: 46px; height: 46px; padding: 10px;}
    footer .footer-logo p {max-width:100%;margin-bottom:0;}

}

@media screen and (max-width: 575px){
    .banner .banner-content figure { margin-top:30px; }
    .conversations .services { grid-template-columns: repeat(1, 1fr);}
    .custom-list-bg p, .guide .custom-list p{font-size: 14px; line-height: 20px;}
    .blog-page-content .blog-list { grid-template-columns: repeat(1, 1fr);}
    .blog-page-content .blog-list figure{height: 300px}
}


@media screen and (max-width: 479px){
    .borderd-box .item{flex:0 0 100%;}
    .two-column-content .about-list-item{display: block}
    .two-column-content .about-list-icon{margin: 0 0 10px 0;}
    .cta-3 .cta-3-images img {max-width: 150px;}

}

@media screen and (max-width: 430px) {


}
@media screen and (max-width: 400px) {
    .banner-internal, .blog-page-banner {min-height: 450px; padding-bottom: 25px;}
}