@media (max-width:1279px) {    
    .container {padding: 0 15px;}
    .bannerHd {font-size: 40px; line-height: 50px;}
    .bannerText {font-size: 18px;}
    .pt60 {padding-top: 60px;}
    .pb90 {padding-bottom: 60px;}
    .mainHd {font-size: 34px;}
    .hdText {font-size: 20px;}
    .challengesList li .qBox .q {font-size: 18px;}
    .challengesList li .qBox .ans {font-size: 16px;}
    .solutionsHdBox .right {font-size: 16px; line-height: 28px;}
    .solutionsList li .inner h3 {font-size: 20px;}
    .freeConsultaion {padding: 30px 40px;}
    .freeConsultaion .left {width: calc(100% - 270px); font-size: 18px; line-height: 28px;}
    .freeConsultaion .left span {font-size: 24px;}
    .outcome li .hd {font-size: 36px;}
    .whyFlexsin .right {padding-left: 30px;}
    .industryList li .inner {padding: 15px;}
    .industryList li .inner h3 {font-size: 17px;}
    .connectBox .left {width: calc(100% - 480px); padding-right: 30px; }
    .connectBox .right {width: 480px;}
    .contactInfo li {font-size: 18px;}
}

@media (max-width:999px) {
    .topLeft {width: 100%; padding: 0 0 40px 0;}
    .topRight {width: 100%; padding: 0 0 40px 0; max-width: inherit;}
    .challengesList li {width: 50%;}
    .solutionsHdBox .mainHd {width: 100%; border-right: none; border-bottom: 2px solid; border-image: linear-gradient(to right, #324F8D 0%, #E04A25 100%) 1; padding-bottom: 20px;}
    .solutionsHdBox .right {width: 100%; text-align: left; padding: 20px 0 0 0; max-width: inherit;}
    .solutionsList li {width: 50%;}

    .outcome li {width: 33.33%; border-bottom: 1px solid #929292; padding-bottom: 20px;}
    .outcome li:nth-child(3n) {border-right: none;}
    .outcome li:nth-last-child(-n+3) {border-bottom: none; padding-top: 20px;}
    .whyFlexsin .left {width: 320px;}
    .whyFlexsin .right {width: calc(100% - 320px);}
    .whyFlexsin .right ul li {width: 100%;}
    .whyFlexsin .right ul li .inner {border-radius: 10px; padding: 15px;}
    .whyFlexsin .right ul li .inner h3 {font-size: 18px;}
    .whyFlexsin .right ul li .inner h3 br {display: none;}
    .projectSlider .item .inner .img {width: 100%; height: 200px;}
    .projectSlider .item .inner .det {width: 100%; padding: 20px;}
    .industryList li {width: 33.33%;}
    .connectBox .left {width: 100%; padding: 0 0 25px 0;}
    .connectBox .right {width: 100%;}
    .footerTop {width: 35%; padding-right: 20px;}
    .footerTop h2 {font-size: 22px;}
    .footerBot {width: 65%;}

}


@media (max-width:599px) {
    .bannerHd {font-size: 22px; line-height: 36px; padding: 0 0 25px 0;}
	.bannerHd span {font-size:28px;}
    .reqForm {padding: 30px 20px; border-radius: 0 0 15px 15px;}
    .reqForm .hd {font-size: 22px;}
    .reqForm .hd span {font-size: 15px;}
    .mainHd {font-size: 26px;}
    .challengesList {margin: -10px; padding:10px 0;}
    .challengesList li {width: 100%; padding: 10px;}
    .clientSliderBox {padding: 0 40px 5px 40px; height: 80px;}
    .clientSliderBox:before {left: -15px; background-size: 80px; width: 70px;}
    .clientSliderBox:after {right: -15px; background-size: 80px; width: 70px;}
    .clientSliderBox > div {z-index: 10;}
    .pt60 {padding-top: 40px;}
    .pb60 {padding-bottom: 40px;}
	.solutionsHdBox .mainHd {font-size:20px; letter-spacing:3px;}
	.solutionsHdBox .mainHd .large {font-size:28px;}
    .solutionsHdBox {margin-bottom: 40px;}
    .solutionsHdBox .right {font-size: 15px; line-height:24px;}
	.solutionsHdBox .right .large {font-size:26px; line-height:normal;}
    .solutionsList li {width: 100%;}
    .freeConsultaion {padding: 20px; border-radius: 10px;}
    .freeConsultaion .left {width: 100%; padding: 0 0 20px 0;}
    .freeConsultaion .left span {font-size: 22px; line-height:normal;}
    .outcome {border-radius: 10px; padding: 25px 0; margin-top: 10px; font-size: 12px; line-height: 20px;}
	.outcome li br {display:none;}
    .outcome li .hd {font-size: 22px;}
    .whyFlexsin {padding-top: 20px;}
    .whyFlexsin .left {width: 100%;}
    .whyFlexsin .right {width: 100%; padding: 20px 0 0 0;}
    .projectSlider {margin-top: 30px; padding: 0;}
    .projectSlider .slick-arrow {z-index: 10;}
    .projectSlider .slick-arrow {width: 36px; height: 36px; margin-top: -18px;}
    .projectSlider .slick-arrow:after {font-size: 20px; left: 10px; top: 7px;}
    .projectSlider .slick-arrow.slick-prev {left: -15px;}
    .projectSlider .slick-arrow.slick-next {right: -15px;}
    .projectSlider .item .inner .det {position: relative; z-index: 15;}
    a.btn {padding: 0 25px; font-size: 15px; height: 50px;}
    .projectSlider .item .inner .det a.btn {height: 48px;}
    .hdText {font-size: 17px;}
    .industryList {margin: -10px;}
    .industryList li {padding: 10px; width: 100%;}
    .faqCon {padding-top: 20px;}
    .faqCon .img {width: 100%;}
    .faqCon .det {width: 100%; padding: 20px 0 0 0;}
    .faqList li .qBox .q {font-size: 16px;}
    .faqList li .qBox .ans {font-size: 16px;}
    .faqList li:before {font-size: 16px; top: 25px;}
    .connectTab li {margin-right: 25px;}
    .connectTab li a {font-size: 18px;}
    .footer .container {display: block;}
    .footerTop {width: 100%; padding: 30px 0; text-align: center;}
    .footerLogo img {width: 160px;}
    .footerTop h2 {font-size: 16px;}
    .footerBot {width: 100%; padding: 0 0 30px 0; text-align: center;}
    .socialLink {justify-content: center;}
    .copy {font-size: 15px; text-align: center;}
}