/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/
@media (max-width: 1850px){
header.main-header > .container-fluid {padding: 0 100px;}    
}
@media (max-width: 1700px){
header.main-header > .container-fluid {padding: 0 80px;}
section.testimonials-section .testimonials-right .slick-next {left: -329px;}
section.our-clients-section .our-clients-section-left {width: 1100px;height: 1100px;}
section.our-clients-section .box{left: 260px;} 
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box{left:450px;}  
}

@media (max-width: 1650px){
header.main-header > .container-fluid {padding: 0 40px;}
section.testimonials-section .testimonials-section-inner {padding-left: 40px;padding-right: 40px;}
section.testimonials-section .testimonials-right .slick-list {margin-right: 0;}
section.testimonials-section .testimonials-right {width: 75%;}
section.testimonials-section:before {width: 50%;background-size: cover;}
section.bg-image-with-content-section {
    padding-top: 330px;
    padding-bottom: 280px;
}
section.our-clients-section .our-clients-section-inner {margin-right: 40px;}
section.our-clients-section .our-clients-section-right {width: 25%;}
}

@media (max-width: 1550px){
.header-navigation .main-menu > li > a {padding: 39.01px 20.7px;}
.header__main .header__logo {max-width: 260px;}
section.services-section .services-inner:after {width: 100%;height: auto;left: 0;}
section.testimonials-section .testimonials-list {padding: 70px 130px 50px 130px;}
section.schedule-call-section .schedule-call-section-right {width: 38%;}
section.schedule-call-section .schedule-call-section-left {width: 60%;}
section.schedule-call-section .schedule-call-section-right:before {width: 100%;height: 100%;}
section.schedule-call-section .schedule-call-section-inner {padding: 0px 75px 0px 75px;}
section.schedule-call-section .schedule-call-section-right:after {
    bottom: 0;
    left: -81px;
    transform: rotate(34deg);
    z-index: -1;
}
}
@media (max-width: 1500px){
section.our-clients-section .our-clients-section-right {
    width: 100%;
    padding-bottom: 100px;
}
section.our-clients-section .our-clients-section-inner {
    margin-right: 40px;
    margin-left: 40px;
    flex-direction: column-reverse;
}
section.our-clients-section .our-clients-section-left {
    margin: 0 auto;
}
section.testimonials-section .testimonials-right .slick-prev, 
section.testimonials-section .testimonials-right .slick-next {
    bottom: -82px;
}
}
@media (max-width: 1400px){
.header__logo {max-width: 210px; }
.custom-logo-link {height: auto; }
.header__menu--btn {padding-left: 0;}
.header-navigation .main-menu > li > a {padding: 39.01px 15.7px;}
section.banner-section .banner-section-left {width: 45%;padding-top: 50px;}
section.banner-section .banner-technologies-section {width: 100%;}
.scroll-down-btn {width: 100%;padding-top: 20px;display: flex;justify-content: flex-end;}
section.about-section .about-section-right {width: 45.5%;padding-right: 30px;}
section.services-section .services-inner {padding-left: 30px;padding-right: 30px;padding-top: 30px;left: 0;}
section.services-section .services-main-section {padding-top: 120px;}
section.work-process-section {padding-top: 120px;padding-bottom: 140px;}
section.services-section {padding-bottom: 110px;}
section.post-slider-section {padding-top: 110px;padding-bottom: 120px;}
section.post-slider-section .slick-dots li {width: 200px;}
section.testimonials-section {
    padding-top: 96px;
    padding-bottom: 120px;
}
section.portfolio-slider-section .portfolio-main-section {padding: 0 40px;}
section.portfolio-slider-section .portfolio-bg-img {
    padding: 30px;
}
section.portfolio-slider-section .portfolio-img-inn {
    margin-bottom: 300px;
}
section.portfolio-slider-section .portfolio-content {
    font-size: 24px;
    line-height: 1.4;
    color: #ffffff;
    padding-bottom: 30px;
}
section.testimonials-section .testimonials-list-content {
    font-size: 25px;
    line-height: 1.6;
    padding-bottom: 40px;
}
section.bg-image-with-content-section {
    padding-top: 300px;
    padding-bottom: 250px;
}
section.schedule-call-section .schedule-call-title.schedule-call-main {
    margin-bottom: 30px;
    line-height: normal;
}
section.testimonials-section .testimonials-right .slick-prev, section.testimonials-section .testimonials-right .slick-next {
    margin-left: 40px;
}
}
@media (max-width:1300px) {
.btn,section.schedule-call-section .contact-data input#gform_submit_button_1 {padding: 18.5px 25.68px;}
.header-navigation .main-menu > li > a {padding: 39.01px 10px;font-size: 15px;}
section.banner-section .banner-bottom-section {padding: 100px 0;}
section.about-section {padding-top: 100px;padding-bottom: 100px;}
section.services-section .services-main-section {padding-top: 100px;}
section.work-process-section {padding-top: 100px;padding-bottom: 120px;}
section.services-section {padding-bottom: 100px;}
section.post-slider-section {padding-top: 100px;padding-bottom: 100px;}
section.our-clients-section {padding-top: 100px;padding-bottom: 100px;}
section.post-slider-section .slick-dots li {width: 150px;}
section.testimonials-section {
    padding-top: 96px;
    padding-bottom: 100px;
}
section.portfolio-slider-section .portfolio-img-inn {
    margin-bottom: 200px;
}
section.portfolio-slider-section .portfolio-img-inn img.portfolio-img {
    max-width: 225px;
}
section.portfolio-slider-section .portfolio-inner-category {
    font-size: 14px;
    margin-bottom: 10px;
}
section.portfolio-slider-section .portfolio-link img {
    max-width: 60px;
}
section.portfolio-slider-section .portfolio-category {
    padding-bottom: 10px;
}
section.portfolio-slider-section .slick-dots li {
    width: 200px;
}
section.testimonials-section .testimonials-right:before {
    left: 150px;
}
section.bg-image-with-content-section {
    padding-top: 280px;
    padding-bottom: 220px;
}
section.schedule-call-section .schedule-call-section-left {
    width: 52%;
}
section.schedule-call-section .schedule-call-section-right {
    width: 46%;
}
.footer-right-wrapper {
    padding-left: 50px;
}
section.our-clients-section .our-clients-section-left {
    width: 1000px;
    height: 1000px;
}
section.our-clients-section .box {
    max-width: 180px;
    height: 180px;
}
section.our-clients-section .box {
    left: 228px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 400px;
}
}
@media (min-width:1200px) {
.hidden-md-tab-up {display: none;}
section.portfolio-slider-section .portfolio-bg-img:not(section.portfolio-slider-section .slick-center .portfolio-bg-img){background-image: unset !important;}
}
@media (max-width:1200px) {}
@media (max-width:1199px){
.header-navigation .main-menu > li > a {padding: 39px 6px;}
header.main-header > .container-fluid,
.container-fluid, 
.wrapper, 
.wrapper-fluid,
section.testimonials-section .testimonials-section-inner {padding: 0 20px;}
section.portfolio-slider-section .portfolio-main-section {padding: 0 20px;}
section.our-clients-section .our-clients-section-inner{margin:0 20px;}
.main-header {padding: 5px 0;}
nav.header-navigation {display: none;}
.main-header .container-fluid {padding-right: 72px;}
.header__menu--btn {display: none;}
div#mobilenav .header__menu--btn {
    display: block;
    position: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
}
div#mobilenav .header__menu--btn a {
    color: #fff;
    border-bottom: 1px solid;
    width: 100%;
    border-radius: 0;
    text-align: left;
    margin: 0;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 400;
}section.our-clients-section:after{
    display: none;
}
div#mobilenav .header__menu--btn a:hover{color: #000;}
.the-team-testimonial {padding-right: 60px;}
.hidden-md-tab-up {display: block;}
.btn,section.schedule-call-section .contact-data input#gform_submit_button_1 {padding: 15.5px 20px;}
.main-header {padding: 30px 0;}
.header__main .header__logo {width: auto;}
section.banner-section .top-banner-title {font-size: 45px;}
.h1, h1 {font-size: 55px;}
.h2, h2,section.bg-image-with-content-section .bg-image-with-content-title.common-main {font-size: 45px;}
section.banner-section .banner-section-left {width: 48%;padding-top: 0;}
section.banner-section {padding-top: 175px;}
section.banner-section .banner-bottom-section {padding: 75px 0;}
section.about-section {padding-top: 75px;padding-bottom: 75px;}
section.services-section .services-main-section {padding-top: 75px;}
section.services-section {padding-bottom: 75px;}
section.portfolio-slider-section {padding-bottom: 75px;padding-top: 75px;}
section.portfolio-slider-section .portfolio-title {margin-bottom: 75px;}
section.work-process-section {padding-top: 75px;padding-bottom: 100px;}
section.work-process-section .work-process-main-section {padding-top: 75px;}
section.post-slider-section {padding-top: 75px;padding-bottom: 75px;}
section.post-slider-section .post-title.common-main {margin-bottom:75px;}
section.our-clients-section {padding-top: 75px;padding-bottom: 75px;}
section.post-slider-section .slick-dots li {width: 100px;}
section.post-slider-section .slick-list {padding-bottom: 75px;}
section.testimonials-section {
    padding-top: 75px;
    padding-bottom: 150px;
}
section.banner-section .banner-title {padding-right: 0;}
section.about-section .about-section-left {
    width: 50%;
}
section.about-section .about-content {
    font-size: 25px;
    line-height: 1.3;
    padding-bottom: 40px;
}
.common-main {margin-bottom: 35px;}
section.services-section .btn-services-button-col {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
section.services-section .services-link {
    padding-top: 30px;
}
.services-inner-content-section {
    padding-top: 120px;
 }
 .services-inner-content-section {
    padding-top: 75px;
}
section.services-section .services-inner:hover .services-inner-content-section {
    padding-top: 60px;
}
section.services-section .services-link img {
    width: 57px;
}
section.services-section .services-inner-title br{display: none;}
section.portfolio-slider-section .portfolio-inner .portfolio-bg-img {
    background-color: red;
    margin: 0 10px;
}
section.portfolio-slider-section .portfolio-img-inn {
    margin-bottom: 150px;
}
section.portfolio-slider-section .slick-dots li {
    width: 150px;
}
section.testimonials-section .testimonials-right {
    width: 100%;
    padding-left: 0;
}
section.testimonials-section .testimonials-left {
    width: 100%;
}
section.testimonials-section .testimonials-right .slick-prev {
    left: 53%;
    top: 120%;
    width: 55px;
}
section.testimonials-section .testimonials-right .slick-next {
    left: 47%;
    top: 120%;
    width: 55px;
}
section.testimonials-section .testimonials-list-content {
    font-size: 22px;
    line-height: 1.6;
    padding-bottom: 40px;
}
section.testimonials-section .testimonials-right:before {
    left: 130px;
}
section.bg-image-with-content-section {
    padding-top: 250px;
    padding-bottom: 200px;
}
section.bg-image-with-content-section .bg-image-with-content-title.common-main {
    line-height: normal;
}
section.bg-image-with-content-section .bg-image-with-content-content {
    font-size: 38px;
}
section.bg-image-with-content-section .bg-image-with-content-section-main {
    width: 60%;
}
section.schedule-call-section .schedule-call-section-inner {
    padding: 0 50px;
}
section.schedule-call-section .schedule-call-section-left {
    padding-bottom: 50px;
    padding-top: 50px;
}
section.our-clients-section .our-clients-section-left {
    width: 850px;
    height: 850px;
}
section.our-clients-section .box {
    left: 170px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 316px;
}
section.our-clients-section .our-clients-section-right {
    padding-bottom: 75px;
}
section.testimonials-section .testimonials-right .slick-prev, 
section.testimonials-section .testimonials-right .slick-next {
    margin-left: 0;
}
}
@media (max-width:1024px){}
@media(max-width:1023px){
section.banner-section .top-banner-title {font-size: 40px;line-height: normal;}
.h1, h1 {font-size: 50px;}
.h2, h2,section.bg-image-with-content-section .bg-image-with-content-title.common-main {font-size: 40px;}
section.banner-section .banner-technologies a.main-btn {margin: 0 30px;}
section.banner-section .banner-technologies a.main-btn:after {top: 3px;width: 11px;height: 30px;left: 54px;background-size:cover; }
section.about-section .about-section-right {padding-right: 0;}
section.services-section .services-inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

section.portfolio-slider-section .slick-list {
    padding-bottom: 50px !important;
}
section.portfolio-slider-section .slick-dots li {
    width: 100px;
}
section.portfolio-slider-section .portfolio-img-inn {
    height: 75px;
}
section.work-process-section .work-process-title {
    width: 100%;
}
section.work-process-section .btn-work-process-button-col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
section.testimonials-section .testimonials-list {
    padding: 50px 100px;
}
section.bg-image-with-content-section {
    padding-top: 200px;
    padding-bottom: 180px;
}
section.bg-image-with-content-section .bg-image-with-content-content {
    font-size: 35px;
}
section.bg-image-with-content-section .bg-image-with-content-section-main {
    width: 70%;
}
section.post-slider-section .slick-track {
    margin-left: 0;
}
footer.site-footer .col-4 ,
footer.site-footer .col-8{
    width: 100%;
}
.footer-right-wrapper {
    margin-top: 0;
    padding-left: 0;
}
footer .footer-social-icon ul {
    padding-top: 20px;
}
section.testimonials-section .testimonials-right:before {
    width: 100px;
    height: 70px;
}
section.our-clients-section .our-clients-section-left {
    width: 800px;
    height: 800px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 303px;
}
section.our-clients-section .box {
    left: 170px;
}
section.our-clients-section .our-clients-content {
    padding-bottom: 50px;
}
section.testimonials-section .testimonials-right .slick-next {
    left: 44%;
}
}
@media (min-width: 992px){}
@media (max-width: 991px){
section.banner-section .top-banner-title {font-size: 38px;}
.h1, h1 {font-size: 48px;}
.h2, h2,section.bg-image-with-content-section .bg-image-with-content-title.common-main {font-size: 38px;} 
section.services-section .services-inner {
    width: 50%;
    margin-bottom: 32px;
    text-align: center;
}
section.services-section .services-inner:after {
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    background-position: center;
}
section.services-section .services-link {
    opacity: 1;
}
section.testimonials-section .testimonials-right:before {
    left: 100px;
}
section.bg-image-with-content-section .bg-image-with-content-content {
    font-size: 30px;
}
section.post-slider-section .post-title.common-main {
    width: 100%;
}
section.post-slider-section .btn-services-button-col {
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}
section.schedule-call-section .schedule-call-section-left {
    width: 100%;
    margin-bottom: 30px;
}
section.schedule-call-section .schedule-call-section-right {
    width: 40%;
    margin: 0 auto;
}
section.testimonials-section .testimonials-content {
    font-size: 18px;
    line-height: 1.4;

    padding-right: 0;
    padding-bottom: 20px;
}
section.our-clients-section .our-clients-section-left {
    width: 100%;
    height: 652px;
}
section.our-clients-section .box {
    max-width: 150px;
    height: 150px;
}
section.our-clients-section .box {
    left: 143px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 227px;
}
section.our-clients-section img.center-logo-image {
    max-width: 150px;
}
section.our-clients-section .our-clients-section-left{
    background: unset;
}
section.banner-section .banner-technologies-titie {width: 100%;padding-bottom: 10px;}
section.banner-section .banner-technologies a.main-btn {margin: 0 51px 0 0;padding-bottom: 10px;}
section.schedule-call-section .schedule-call-section-right:after{
    display: none;
}
.top-schedule-call-title .schedule-call-top {
    font-size: 19px;
    line-height: normal;
}
}
@media (max-width: 768px){
.row, .wrapper-row {margin-right: 0;margin-left: 0;}
    
}
@media (max-width:767px){
section.banner-section .top-banner-title {font-size: 35px;}
.h1, h1 {font-size: 42px;}
.h2, h2,section.bg-image-with-content-section .bg-image-with-content-title.common-main {font-size: 32px;}
section.banner-section {padding-top: 150px;}
section.banner-section .banner-bottom-section {padding: 30px 0 50px 0;}
section.banner-section .banner-section-left {width: 100%;padding-bottom: 50px;}
section.banner-section .banner-section-right {width: 100%;padding: 0 30px;margin: 0 auto;}
section.banner-section .top-banner-title {padding-bottom: 20px;}
section.banner-section .banner-content {padding-bottom: 30px;}
body {font-size: 18px;line-height: 1.3;}
section.banner-section a.scroll-down {font-size: 16px;}
.header__logo .custom-logo {width: 230px;}
section.about-section {padding-top: 50px;padding-bottom: 50px;}
section.services-section {padding-bottom: 50px;}
section.portfolio-slider-section {padding-bottom: 50px;padding-top: 50px;}
section.portfolio-slider-section .portfolio-title {margin-bottom: 50px;}
section.work-process-section {padding-top: 50px;padding-bottom: 50px;}
section.post-slider-section {padding-top: 50px;padding-bottom: 50px;}
section.post-slider-section .slick-dots li {width: 50px;}
section.post-slider-section .slick-list {padding-bottom: 50px;}
footer.site-footer.bg-dots-img-sec {padding-top: 50px;}
section.our-clients-section {padding-top: 50px;padding-bottom: 50px;}
section.our-clients-section .our-clients-section-right {padding-bottom: 50px;}
section.post-slider-section .post-title.common-main {
    margin-bottom:50px;
}
section.testimonials-section {
    padding-top: 50px;
    padding-bottom: 140px;
}
section.work-process-section .work-process-main-section {padding-top: 50px;}
section.about-section .about-content {
    font-size: 20px;
    padding-bottom: 30px;
}
.common-top {
    font-size: 16px;
    margin-bottom: 25px;
}
.common-main {
    margin-bottom: 28px;
}
section.about-section .about-section-left {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
section.about-section .about-section-right {
    width: 100%;
}
section.about-section .about-section-inner {
    flex-direction: column-reverse;
}
section.about-section .about-section-right {padding-top: 0;padding-bottom: 50px;}
section.services-section .services-title {width: 100%;  }
section.services-section .btn-services-button-col {justify-content: flex-start;width: 100%;}
section.services-section a.services-button:after, section.post-slider-section a.services-button:after {right: -75px;height: 65px;width: 65px;}
section.services-section a.services-button, section.post-slider-section a.services-button {padding-top: 14px;}
section.services-section .services-main-section {padding-top: 50px;}
section.portfolio-slider-section .portfolio-img-inn {
    margin-bottom: 100px;
}
section.portfolio-slider-section .portfolio-content {
    font-size: 20px;
}
section.portfolio-slider-section .portfolio-img-inn img.portfolio-img {
    max-width: 150px;
}

section.portfolio-slider-section .portfolio-inner-category {
    font-size: 12px;
    line-height: 2;
}
section.testimonials-section .testimonials-right:before {
    left: 70px;
}
section.bg-image-with-content-section {
    padding-top: 150px;
    padding-bottom: 150px;
}
section.bg-image-with-content-section .bg-image-with-content-content {
    font-size: 25px;
}
section.bg-image-with-content-section .bg-image-with-content-section-main {
    width: 100%;
}
section.post-slider-section .post-main-section-inner .slick-list {
    height: fit-content !important;
}
section.post-slider-section .post-inner-content-section {
    padding: 23px 30px 51px 30px;
}
section.schedule-call-section .schedule-call-section-inner {
    padding: 0 30px;
}
section.schedule-call-section .schedule-call-section-left {
    padding-bottom: 30px;
    padding-top: 30px;
}
.copyright-txt,.other-links-wrappers {
    width: 100%;
    text-align: center;
}
.footer-copy-wrapper {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 20px 0;
}
section.testimonials-section .testimonials-list-content {
    font-size: 19px;
}
section.our-clients-section img.center-logo-image{width: 120px;}
section.our-clients-section .box {
    left: 120px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 160px;
}
section.testimonials-section .testimonials-right .slick-next {
    left: 41%;
}
section.schedule-call-section .schedule-call-section-right {
    width: 50%;
}
section.portfolio-slider-section .slick-dots li {
    width: 25px;
}
section.testimonials-section .testimonials-right .slick-prev, section.testimonials-section .testimonials-right .slick-next{
    top: 115%;
width: 44px;
height: 44px;
}
}
@media (max-width:640px){
	.footer-logo-wrp {
    flex-direction: column;
}
	.footer-logo-wrp a {
    width: max-content;
    margin: 0 auto;
}
section.services-section .services-inner {
    width: 100%;
    border-bottom: 1px solid hsl(300deg 1% 15% / 5%);
    padding-bottom: 30px;
    border-right: 0;
}
.services-inner-content-section {
    padding-top: 0;
}
section.services-section .services-inner:hover .services-inner-content-section {
    padding-top: 0;
}
section.services-section .services-inner-title {
    font-size: 25px;
}
section.portfolio-slider-section .portfolio-bg-img {
    padding: 15px;
}
section.testimonials-section .testimonials-list {
    mask-image: unset;
    -webkit-mask-image: unset;
    border-radius: 20px;
    padding: 50px 50px;
}
section.bg-image-with-content-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
section.post-slider-section .post-content {
    font-size: 18px;
    line-height: 1.4;
}
section.schedule-call-section .schedule-call-section-right {
    width: 70%;
    margin: 0 auto;
}
.footer_columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_columns .footer_column {
    padding-right: 0;
    width: 100%;
}
#menu {
    width: 100%;
    max-width: 100%;
}
section.our-clients-section .box {
    left: 75px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 75px;
}
section.our-clients-section .box {
    max-width: 120px;
    height: 120px;
    padding: 10px;
}
section.our-clients-section .our-clients-section-left {
    height: 400px;
}
section.services-section a.services-button:after, 
section.post-slider-section a.services-button:after {
    right: -65px;
    height: 50px;
    width: 50px;
}
section.services-section a.services-button, 
section.post-slider-section a.services-button {
    padding-top: 7px;
}

}
@media (max-width:580px){
section.banner-section .top-banner-title {font-size: 30px;}
.h1, h1 {font-size: 35px;}
.h2, h2,section.bg-image-with-content-section .bg-image-with-content-title.common-main {font-size: 30px;}
section.about-section .about-content {font-size: 18px;} 
section.testimonials-section .testimonials-list {
    padding: 50px 30px 30px;
}
section.testimonials-section .testimonials-right .slick-next {
    left: 35%;
}   
}
@media (max-width:420px){
section.banner-section .banner-section-right {padding: 0;}
.header__logo .custom-logo {width: 200px;}
section.our-clients-section .box {
    left: 50px;
}
section.our-clients-section .our-clients-section-left .arm:nth-child(even) .box {
    left: 50px;
}
section.our-clients-section img.center-logo-image{
    width: 85px;
}
section.our-clients-section .box {
    max-width: 100px;
    height: 100px;
}
section.our-clients-section .our-clients-section-left {
    height: 280px;
}
section.testimonials-section .testimonials-right .slick-next {
    left: 26%;
}
}
@media (max-width:350px){
.header__logo .custom-logo {width: 180px;}
section.schedule-call-section .schedule-call-section-inner {
    padding: 0 15px;
}
}