@charset "utf-8";
/*-----
media query css
-----*/
@media only screen and (min-width:1600px){
    .container {max-width: 1440px;}
}

@media only screen and (min-width:1730px){
    .container {max-width: 1668px;}
}

@media only screen and (max-width:1728px){
    h1, .lg-txt { margin-bottom: 80px;}
    h2 {margin-bottom: 40px;}
    h3, .stats-text, .form-control, .menucontacinfo span a { font-size: 26px;}
    .para-txt { margin-bottom: 20px; font-size: 25px;}
    .mb-100, .clients .para-txt { margin-bottom: 80px;}
    .mb-50 {margin-bottom: 40px;}
    .mb-250 { margin-bottom: 220px;}
    .mb-200 { margin-bottom: 180px;}
    .p-tb-150 { padding: 130px 0px;}
    .mb-150 { margin-bottom: 130px;}
    .mt-200 { margin-top: 180px;}
    .mt-100 { margin-top:80px; }
    .p-tb-250 { padding: 220px 0px;}
    .pt-250 { padding-top: 220px;}
    .pb-30 { padding-bottom: 20px;}
    .casestudy-title .lg-txt {margin-bottom: 40px;}
    .col-logo { height:220px; }
    .col-logo img { width:55%; }
    .about-para-img { height: 900px;}
    .box-3 { padding-bottom: 40px;}
    footer .lg-txt { font-size: 60px;}
}

@media only screen and (max-width:1680px){
    h1, .lg-txt { font-size: 70px; margin-bottom: 60px;}
    h3, .stats-text, .form-control, .menucontacinfo span a { font-size:24px; }
    h2 { margin-bottom:35px;}
    h2 { font-size:60px; }
    .mb-100, .clients .para-txt { margin-bottom: 70px;}
    .mb-50 {margin-bottom: 35px;}
    .mb-250 { margin-bottom: 200px;}
    .mb-200 { margin-bottom: 170px;}
    .p-tb-150 { padding: 120px 0px;}
    .mb-150 { margin-bottom: 120px;}
    .mt-200 { margin-top: 170px;}
    .mt-100 { margin-top:70px; }
    .p-tb-250 { padding: 200px 0px;}
    .pt-250 { padding-top: 200px;}
    .casestudy-title .lg-txt {margin-bottom: 30px;}
    .logo-line img {width: 350px;}
    .about-para-img { height: 800px;}
    .box-3 { padding-bottom: 35px;}
    .form-control { padding: 10px 10px 20px 0px;}
    .btn-redgrey-sq { width: 100px; height: 100px;}
    .tech-box { padding: 20px;}
    .offcanvas-form .form-field { margin-bottom: 30px;}
    .offcanvas-form .form-control { padding: 5px 10px 15px 0px;}
    .offcanvas-form select.form-control, select { padding-top: 5px; padding-bottom: 22px;}
    .menu-row { margin-top: 60px;}
    .navmenu > ul > li > a{font-size:60px;}
    .menu-video { margin-bottom: 30px;}
    .navmenu > ul > li > a::before { width: 25px; height: 25px; background-size: 100% ;}
    .navmenu > ul > li > a:hover{padding-left: 50px;}
    footer .lg-txt { font-size: 50px;}
    .sticky-service { padding-top: 130px;}
}

@media only screen and (max-width:1550px){
}

@media only screen and (max-width:1440px){
    body {font-size: 16px;}
    p { font-size: 16px; line-height: 25px;}
    h1, .lg-txt { font-size: 55px; margin-bottom: 55px;}
    h3, .stats-text, .form-control, .menucontacinfo span a {font-size: 22px;}
    h2 { font-size:48px; }
    h2 {margin-bottom: 28px;}
    .mb-100, .clients .para-txt { margin-bottom: 60px;}
    .mb-50 {margin-bottom: 30px;}
    .mb-250 { margin-bottom: 170px;}
    .mb-200 { margin-bottom: 140px;}
    .p-tb-150 { padding: 100px 0px;}
    .mb-150 { margin-bottom: 100px;}
    .mt-200 { margin-top: 140px;}
    .mt-100 { margin-top:60px; }
    .p-tb-250 { padding: 170px 0px;}
    .pt-250 { padding-top: 170px;}
    small { font-size:13px; margin-bottom:12px; }
    .casestudy-title .lg-txt {margin-bottom: 25px;}
    .col-logo { height:190px; }
    .accordion-button { padding:15px 0px; }
    .accordion-button::after { background-size:12px; }
    .about-para-img { height: 720px;}
    .client-avtar { margin-right: 10px;}
    .client-avtar img { width: 40px;}
    .box-3 { padding-bottom: 30px;}
    .form-control { padding: 0px 10px 10px 0px;}
    .btn-redgrey-sq { width: 85px; height: 85px;}
    .btn-redgrey-sq img {width: 25px;}
    .serv-img { margin-right: 90px;}
    .sticky-service { position: relative; min-height: inherit; padding-top: 0px; padding-bottom: 50px; margin-bottom: 50px; border-bottom: #2e2e2e 1px solid;}
    .qns .accordion-button { font-size: 16px;}
    .tech-box { padding: 18px;}
    .offcanvas-form .form-field { margin-bottom: 20px;}
    .offcanvas-work .offcanvas-body { padding: 50px 80px; }
    .menu-row { margin-top: 25px;}
    .navmenu > ul > li > a{font-size:50px;}
    .menu-video { margin-bottom: 25px;}
    .navmenu > ul > li > a::before { width: 20px; height: 20px; background-size: 100%; top: 14px;}
    .navmenu > ul > li > a:hover{padding-left: 40px;}
    footer .lg-txt { font-size: 40px;}
}

@media only screen and (max-width:1366px){
    
}

@media only screen and (max-width:1280px){
    h1, .lg-txt { font-size: 50px; margin-bottom: 50px;}
    h3, .stats-text, .form-control, .menucontacinfo span a {font-size: 20px;}
    h2 { font-size:40px; }
    h2 {margin-bottom: 25px;}
    .mb-100, .clients .para-txt { margin-bottom: 50px;}
    .mb-50 {margin-bottom: 25px;}
    .mb-250 { margin-bottom: 150px;}
    .mb-200 { margin-bottom: 120px;}
    .p-tb-150 { padding: 80px 0px;}
    .mb-150 { margin-bottom: 80px;}
    .mt-200 { margin-top: 120px;}
    .mt-100 { margin-top:50px; }
    .p-tb-250 { padding: 150px 0px;}
    .pt-250 { padding-top: 150px;}
    .logo-line img {width: 300px;}
    .about-para-img { height: 700px;}
    .box-3 { padding-bottom: 25px;}
    .btn-redgrey-sq { width: 80px; height: 80px;}
    .btn-redgrey-sq img {width: 22px;}
    .serv-img { margin-right: 70px;}
    .accordion-button { padding: 12px 0px;}
    .offcanvas-work .offcanvas-body { padding: 35px 50px;}
    .menu-row { margin-top: 20px;}
    .navmenu > ul > li > a{font-size:40px;}
    .navmenu > ul > li > a::before { width: 18px; height: 18px; top: 10px;}
    .navmenu > ul > li > a:hover{padding-left: 30px;}
    .menu-video { margin-bottom: 15px;}
    footer .lg-txt { font-size: 35px;}
}

@media only screen and (max-width:1199px){
}

@media only screen and (max-width:1024px){
    h1, .lg-txt { font-size: 45px; margin-bottom: 40px;}
    h3 {margin-bottom: 10px;}
    h3, .stats-text, .form-control, .menucontacinfo span a {font-size: 20px;}
    h2 { font-size:36px; }
    h2 {margin-bottom: 25px;}
    .para-txt { font-size: 20px;}
    .mb-100, .clients .para-txt { margin-bottom: 40px;}
    .mb-50 {margin-bottom: 25px;}
    .mb-250 { margin-bottom: 110px;}
    .mb-200 { margin-bottom: 90px;}
    .p-tb-150 { padding: 70px 0px;}
    .mb-150 { margin-bottom: 70px;}
    .mt-200 { margin-top: 90px;}
    .mt-100 { margin-top:40px; }
    .p-tb-250 { padding: 110px 0px;}
    .pt-250 { padding-top: 110px;}
    .top-sec.mt-200 { margin-top: 100px;}
    .portfolio-box h3 { margin-top:15px; }
    .col-logo { height:160px; }
    .logo-line img { width: 250px;}
    .about-para-img { height: 600px;}
    .w-about { margin-bottom: 30px;}
    .hero-sec-expertise.mb-50 {margin-bottom: 0px;}
    .btn-redgrey-sq { width: 70px; height: 70px;}
    .btn-redgrey-sq img {width: 20px;}
    .offcanvas-work { width: 70% !important;}
    .menu-row { margin-top: 80px;}
    .menu-video { margin-bottom: 50px;}
    .navmenu > ul > li > a:hover{padding-left: 0px;}
    .navmenu > ul > li > a::before {display: none;}
    footer .lg-txt { font-size: 30px;}
}
/* min width 786 px */
@media only screen and (min-width:768px){
    .clients-logo .col-logo:nth-child(4n + 4){border-right: 0px;}
}

@media only screen and (max-width:768px){
    .p-tb-150 { padding: 60px 0px;}
    .col-logo { width: 33.30%;}
    .clients-logo .col-logo:nth-child(4n + 4){border-right: 1px solid #ccc;}
    .clients-logo .col-logo:nth-child(3n + 3){border-right: 0px;}
    .clients-logo .col-logo:last-child{display: none !important;}
    .services-img { margin-bottom: 30px;}
    .port-text-1, .port-text-2 { margin-top: 80px;}
    .logo-footer { margin-bottom: 70px;}
    .footer-connect { margin-bottom: 50px;}
    .about-para-img {background: url(../img/about-parallax.jpg) no-repeat center center; background-position: unset; background-size: 100%; height: 360px;}
    .stats-div { margin-bottom: 50px;}
    .contact-img, .ai-img {margin-bottom: 20px;}
    .serv-img { margin-right: 0px; width: 100%; margin-bottom: 30px;}
    .service-info { width: 100%;}
    .offcanvas-work { width: 100% !important;}
    .offcanvas-work .offcanvas-body { padding: 60px;}
}

@media only screen and (max-width:767px){
    .container { padding: 0px 20px;}
    h1, .lg-txt { font-size: 35px; margin-bottom: 20px;}
    h2, .para-txt {margin-bottom: 12px;}
    h2 { font-size:30px; }
    p { margin-bottom: 15px;}
    .mb-250 { margin-bottom: 60px;}
    .mb-200 { margin-bottom: 50px;}
    .mb-150 { margin-bottom: 45px;}
    .pb-150 { padding-bottom: 40px;}
    .p-tb-150 { padding: 50px 0px;}
    .mb-100, .clients .para-txt, .footer-connect { margin-bottom: 20px;}
    .mt-200 { margin-top: 50px;}
    .mt-100 { margin-top:30px; }
    .p-tb-250 { padding: 60px 0px;}
    .pt-250 { padding-top: 60px;}
    .mb-20 { margin-bottom: 10px;}
    header {padding: 15px 0px;}
    header.sticky {padding: 12px 0px;}
    .logo-desktop, .logo-white-desktop { display: none;}
    .logo-mobile, .logo-white-mobile { display: block;}
    .btn-black { padding: 8px 15px 8px 15px;}
    .navbtn { margin-left: 20px;}
    .services-img, .whitelabel-img { margin-bottom: 20px;}
    .founder-quote img { margin-bottom: 10px;}
    .port-text-1, .port-text-2 { margin-top: 55px;}
    .col-logo { height: 105px;}
    .quotesign { position: relative; top: 0px; left: 0px; margin-bottom: 10px;}
    .quotesign img, .founder-quote img {width: 25px;}
    .client-avtar img { width: 35px;}
    .logo-footer { margin-bottom: 40px;}
    .footer-cta { margin-bottom: 15px;}
    .footer-connect small, .footer-link small { margin-bottom: 15px;}
    .logo-line img { width: 200px;}
    .footer-cta .para-txt { margin-bottom: 7px;}
    .logo-footer img {width: 120px;}
    .port-img-mb, .w-about, .founder-img { margin-bottom: 20px;}
    .col-logo { width: 49.50%;}
    .clients-logo .col-logo:nth-child(2n + 2){border-right: 0px;}
    .clients-logo .col-logo:nth-child(2n + 3){border-right: 1px solid #ccc;}
    .clients-logo .col-logo:nth-last-child(-n+4){border-bottom: 1px solid #ccc;}
    .clients-logo .col-logo:nth-last-child(-n+2){border-bottom: 0px;}
    .clients-logo .col-logo:last-child{display: flex !important;}
    .form-field {margin-bottom: 25px;}
    select.form-control, select { padding-top: 5px; padding-bottom: 15px;}
    .btn-redgrey-sq { width: 60px; height: 60px;}
    .industry-col { margin-bottom: 20px;}
    .accordion-button { padding: 10px 0px;}
    .explore-work-link { margin-top: 30px;}
    .work-row.mb-200 {margin-bottom: 20px;}
    .btn-text::after {top: 8px;}
    .offcanvas-work .offcanvas-body { padding: 60px 20px 30px 20px;}
    .menu-row { margin-top: 40px;}
    .menu-video { margin-bottom: 20px;}
    .menuoffcanvas { padding: 0px 0px 20px 0px;}
    .menuheader { padding: 15px 0px;}
    .navmenu { margin-bottom: 25px;}
    .navmenu > ul > li > a{font-size:40px;}
    .client-avtar { margin-right: 7px;;}
    .client-name p { font-size: 15px; line-height: 20px;}
    .client-name small { display: block;}
    .btn-submit input[type="submit"] { padding: 10px 40px 10px 20px; }
    .box-3-title img, .box-title-gray img, .box img { margin-right: 8px;}
    .box-title-gray img { width: 18px;}
    .textimonial-slider .slick-prev, .textimonial-slider .slick-next { top: -68px; }
    .slider-testimonials .para-txt { margin-bottom: 18px;}
    .port-div h3 { margin-bottom: 0px;}
    .contact-address { margin-top: 20px;}
    .contact-address p { margin-bottom: 0px;}
    .case-study-img-left {margin-bottom: 20px;}
    .casestudy-info small { margin-bottom: 5px;}
    .textimonial-slider .slick-slide .para-txt {font-size: 18px;}
}

@media only screen and (max-width:580px){
    .about-para-img {background: url(../img/about-parallax.jpg) no-repeat center center; background-position: unset; background-size: 100%; height: 200px;}
}

@media only screen and (max-width:360px){
    .menu-row { margin-top: 30px;}
    .navmenu > ul > li > a{font-size:30px;}
}