@media screen and (min-width: 1399px) {

.contact-us-section {background-position: 0px 0;}

}


@media screen and (max-width: 1199px) {
.touchpoint .section-heading {width: 80%;}
.touchpoint-slider-img img { width: 260px !important;}
.touchpoint-slider-tag { width: 95%;}
.testimonial-detail-box h3 {font-size: 30px;}
.tangence-testimonial-text p {font-size: 28px;}
.contact-detail h2 { font-size: 50px;}
.contact-detail h3 {    font-size: 45px;line-height: 50px;}
.client-yrs ul li { margin: 0 8px; font-size: 12px;}
.head-turners-tabing .nav-pills .nav-item .nav-link { font-size: 14px; padding: 0px 8px;}

}



@media screen and (max-width: 1024px) {
.banner-area h1 {font-size: 110px;}
.banner-area h2 {font-size: 60px; margin-top: 20px}
.banner { padding-top: 160px;}
.client-yrs ul li {font-size: 13px;}
.section-heading h2 {font-size: 45px;}
.section-heading p {font-size: 28px;}
.touchpoint .section-heading {width: 100%;}
.touchpoint-slider-img img { margin-top: -90px; width: 210px !important;}
.touchpoint-slider-text h3 {font-size: 24px;}
.touchpoint-slider-box {padding: 15px;}
.touchpoint-slider-tag {width: 100%;margin-top: 30px;}
.advantage-section {width: 100%;margin-top: 45px;}
.left-our-success-img h3 {font-size: 25px;}
.right-our-success-text h3 {font-size: 22px;}
.second-layer ul li {font-size: 10px;margin-right: 4px;line-height: 13px;}
.second-layer ul li .plus-color {font-size: 11px;}
.our-success-stories-section:after { width: 110px;height: 105px;background-size: contain;}
.second-layer {padding-top: 8px}
.left-our-success-btn {margin-top: -58px;}
.left-our-success-btn a {width: 30px;height: 30px;}
.second-layer ul { width: 80%;margin-top: 0px;}
.second-layer img {max-width: 100px;}
.tangence-testimonial-text p {font-size: 25px;}
.tangence-testimonial-section {width: 90%;}
.tangence-testimonial-detail { margin-top: 35px;}
.testimonial-detail-box h3 {font-size: 20px; line-height: 24px}
.testimonial-detail-box {padding-right: 10px; margin-right: 25px;}
.contact-detail h2 { font-size: 45px;line-height: 50px;}
.contact-detail h3 { font-size: 35px; line-height: 50px;}
.tangence-box p {font-size: 14px;line-height: 20px;}
.tangence-box h3 { font-size: 18px;}
.Tangence-advantage-boxes {width: 100%;}
.head-turners-tab-box ul li { margin-right: 12px; font-size: 13px;}
.contact-detail .client-yrs ul li { font-size: 12px;  margin: 0 5px;}
.contact-us-section {padding: 100px 0;}
.modal-dialog {  margin: 20px auto;max-width: 750px }
.banner-area h1 span {  font-size: 43px; left: -121px;bottom: 63px;}

}


@media screen and (max-width: 767px) {
.banner-area h1 {font-size: 56px;margin-bottom: 25px;}
.banner-area h2 {font-size: 50px;}
.client-yrs ul {flex-wrap: wrap;justify-content: center; margin-top: 0;}
.client-yrs ul li { margin: 4px 6px; font-size: 11px;}
.section-heading h2 {line-height: 45px;font-size: 37px;}
.touchpoint {padding: 40px 0;}
.section-heading p {font-size:20px}
.touchpoint-slider-img img {width: 150px !important;margin-bottom: 15px;}
.touchpoint-slider-text h3 {font-size: 24px;}
.touchpoint-slider-text p {font-size: 14px;}
.touchpoint-slider-tag { margin-top: 30px;}
.touchpoint-slider-tag { margin-top: 30px;}
.touchpoint-slider-box {padding: 20px;}
.advantage-he h3 {font-size: 30px;}
.advantage-he h2 { font-size: 48px;line-height: 54px}
.advantage-he h4 {font-size: 28px;}
.advantage-section { width: 100%;margin-top: 30px;}
.advantage-box h2 { font-size: 26px;    margin-bottom: 20px;}
.advantage-box p {font-size: 18px;}
.advantage-box { margin-bottom: 40px;padding-right: 15px;}
.advantage-he h3 { font-size: 24px;}
.advantage-he h2 {font-size: 38px;line-height: 46px;}
.our-success-stories { margin-top: 0px;}
.left-our-success-img h3 {font-size: 20px;  top: 10px;left: 20px;}
.second-layer {padding: 15px 15px;}
.second-layer img {width: 120px;}
.second-layer ul li { font-size: 14px;}
.second-layer ul {width: 100%;margin-top: 15px;}
.our-success-stories-section:after {display: none;}
.left-our-success {margin-bottom: 25px}
.left-our-success-btn a {width: 30px;height: 30px;margin-top: 6px;}
.left-our-success-btn img {width: 89px; }
.right-our-success-text {padding: 25px 20px;}
.right-our-success-text h3 {font-size: 20px;}
.tangence-testimonial-text p {font-size: 20px;}
.tangence-testimonial-section {width: 100%;}
.tangence-testimonial-slider .owl-nav { position: relative; top: 46px;  right: 0;}
.testimonial-author-detail img {width: 100px!important}
.tangence-testimonial-detail {flex-direction: column;}
.testimonial-detail-box {padding-right: 0; margin-right: 0; padding: 10px 0;}
.testimonial-detail-box:after {height: 1px; width: 100%;top: 70px;}
.head-turners-he h5 { font-size: 30px;}
.head-turners-he h2 { font-size: 37px;line-height: 42px;}
.head-turners-tabing .nav-pills .nav-item .nav-link {font-size: 14px; padding: 0px 7px;}
.head-turners-tab-box h4 { font-family: "Roboto", sans-serif;font-size: 18px; margin-top: 12px;}
.head-turners-tab-box ul li {font-size: 12px;margin-right: 8px;}
.head-turners {padding: 40px 0; padding-bottom: 0}
.contact-us-section {padding: 40px 0; padding-bottom: 0}
.contact-detail h2 {font-size: 45px;line-height: 50px;}
.contact-detail h3 { font-size: 35px; line-height: 40px;}
.form-section label {font-size: 12px;}
.contact-detail {margin-bottom: 20px;}
.fisrt-row .name:nth-child(1) { margin-right: 3px;}
.fisrt-row .name:nth-child(2) { margin-right: 3px;}
footer p { font-size: 12px;}
header .row .col-lg-3 {width: 49%}
header .row .col-lg-9 {width: 49%}
.header-logo { padding: 30px 0;padding-top: 30px;}
.header-logo img {max-width: 100%}
.banner { padding-top: 120px;}
.header-btn a p {width: 100px;padding: 7px 9px;font-size: 12px;}
.header-btn a span { width: 30px; height: 30px;}
.header-btn a {gap: 0px;}
.banner-btn a p {width: 120px; padding: 6px 10px;font-size: 14px;}
.banner-btn a span { width: 40px; height: 40px;}
.touchpoint-slider-tag { width: 100%;}
.banner-area p br {display: none;}
.contact-detail .client-yrs ul li {font-size: 15px;}
.contact-detail .client-yrs ul { justify-content: flex-start;}
.Tangence-advantage .client-yrs ul { justify-content: flex-start;}
.logo-slide-list img { width: 130px !important;}
.touchpoint-slider-box {margin-bottom: 6px;}
.Tangence-advantage-boxes {width: 100%;}
.modal-dialog { margin: 20px 20px;}
.second-layer {opacity: 1;     border-radius: 0 0 10px 10px;}
.testimonial-detail-box h3 { font-size: 20px;line-height: 23px;}
.banner-area h1 span { font-size: 35px;transform: rotate(270deg); display: block; position: absolute; left: -105px; bottom: 9px;}

}

@media screen and (max-width: 575px) {
.touchpoint-slider-img img {width: 150px !important;margin-bottom: 40px;}
.banner-area h1:after { right: 0;}
.banner-area p {font-size: 17px;}
.banner-area h1 { font-size: 40px;line-height: 48px;}
.banner-area h1 span { font-size: 25px;left: -78px;bottom: 14px;}
.Tangence-advantage-boxes .col-xs-6 {width: 48%; display: inline-block;}
}