@charset "utf-8";
/* CSS Document */
.formobile { display:none;}
/* sm */
@media (min-width: 768px) and (max-width: 1024px) {
section.top-banner { height:450px; min-height:450px;  background-position: 35% center; background-attachment:scroll; }	
}
@media (min-width: 768px) and (max-width: 800px) {
    .navbar-nav > li {margin-left: 7px;}
}

@media (min-width: 768px) and (max-width: 899px) {
.timeline li { background:url(../images/rightarrow.png) 44.6% 100% no-repeat; }
.timeline li .timeline-panel { width:41.5% !important; }
}

@media (min-width: 768px) and (max-width: 991px) {

.subheader { margin-bottom:40px; }	
.slidercon { width:100%; background-size:100%; height:500px; }	
#slideshow > img { width:92%; top:40%; left:3.6%; }	

section.top-banner { height:450px; min-height:450px;  background-position: 35% center; background-attachment:scroll; }
section.top-banner h1 { font-size:32px; line-height:34px; margin-bottom:12px; }
section.top-banner h3 { font-size:18px; margin-top:0;  }

section.opportunities, section.discovery, section.solution, section.numbers, section.customers, section.conversation, section.real-conversation, section.talking-about { padding:30px 20px 40px;} 	

section.opportunities h2, section.discovery h2, section.solution h2, section.numbers h2, section.customers h2, section.conversation h2, section.real-conversation h2, section.talking-about h2 { font-size:32px; line-height:34px; }

section.opportunities h3, section.discovery h3, section.solution h3, section.numbers h3, section.customers h3, section.conversation h3, section.real-conversation h3, section.talking-about h3 { font-size:20px; line-height:24px; margin-bottom:10px; }

.btn-arrow { font-size:16px; }
.info h4 { font-size:14px; }
.box { padding:10px; }
.solution .box1 .info h4 { font-size:18px; }
.discovery ol { padding:0; }
.discovery ol.sliderLeftText strong{ display:block; }
.discovery ol.sliderLeftText br { display:none; }
.knowledge-center { padding: 0 10px; }
.knowledge-center br, .blueash br{ display:none; }
/*-----------------blog-----------------*/
#blog-tab{width:162px;}
#blog-tabContent {width:162px;}
#blog-tab li a {padding:6px 4px;}
.cate-inner .fa.fa-plus {height:40px;float:left;}
/*---------------end blog---------------*/
/*-----------------------our team-------------*/
.membertitle {width:69%;}
.member-details > p {width:69%;}
/*---------------------end our team-----------------*/
section.additional-resources ul li{ min-height:150px; }
.nurture .col-md-3.col-md-push-9 img{ width:100%; }

h4.hdtitle br{ display:none; }

footer .footer-top ul.social li { margin-right:28px; }
footer ul.contact-info { text-align:center; margin-bottom:40px;  }
footer .footer-middle { padding-bottom:53px; }
footer .footer-bottom { font-size:12px; text-align:center; }
footer .footerlogo { text-align:center; margin-bottom:30px; }	
section.real-conversation h2{font-size: 32px !important; font-weight: 700 !important;}
#clients li:nth-child(14) img{ margin-left: 0px;margin-right: 40px;}
#clients li:nth-child(11) img { margin-right: 40px; }
#clients li:nth-child(12) img { margin-right: 40px; }

}

/* xs */
@media (max-width: 767px) {
	.inner-dream img{margin-bottom:20px;}
body { margin-top:90px; }
h2.hdtitle, section.nurture h2 { font-size:30px; line-height:32px; }
.subbanner .toptitle { font-size:38px; bottom:20px; top:inherit; }
.quote p { padding:12px 10px 10px 30px; }
.quote .fs1 { left:-10px; }
.mt80 { margin-top:40px; }
.breadcrumbWrap ol.breadcrumb { float:none; margin:0 0 17px 0; } 
.breadcrumbWrap strong { display:block; float:none; line-height:27px; margin-bottom:10px; }
section.top-banner { height:226px; min-height:226px; background:url(../images/topbanner.jpg) no-repeat; background-size:cover;  }

section.top-banner h1 { font-size:16px; line-height:17px; margin-bottom:12px; }
section.top-banner h3 { font-size:14px; margin-top:0;  }
	
section.opportunities, section.discovery, section.solution, section.numbers, section.customers, section.conversation, section.real-conversation, section.talking-about { padding:30px 10px 40px;} 	

section.opportunities h2, section.discovery h2, section.solution h2, section.numbers h2, section.customers h2, section.conversation h2, section.real-conversation h2, section.talking-about h2 { font-size:22px; line-height:24px; }

section.opportunities h3, section.discovery h3, section.solution h3, section.numbers h3, section.customers h3, section.conversation h3, section.real-conversation h3, section.talking-about h3 { font-size:17px; line-height:19px; margin-bottom:10px; }

section.discovery h3 { font-size:15px; margin-bottom:20px; }

section.opportunities br, section.discovery br, section.solution br, section.numbers br, section.customers br, section.conversation br, section.real-conversation br, section.talking-about br { display:none; }

.dsnone, .sliderdesktop, section.conversation .steps, section.conversation .stepnumbers { display:none;}	
.dsblock { display:inline-block; }	
.stepnumber, section.conversation .btn-arrow br { text-align:center; display:block; }

.slidercon { width:100%; background-size:100%; }

ul.contact-info { text-align:center; padding:0 0 40px 0; }
.talking-about-inner { margin-bottom:32px; }

#slideshow > img { width:92%; top:20%; left:3.6%; }	
.slidercon { max-width:320px; margin:0 auto; height:288px; }
.sliderphone{ display:block; }
.carousel-control.right { right:-35px; }
.carousel-control.left { left:-35px; }
.discovery ol.sliderLeftText { padding:0; font-size:11px; }
.discovery ol.sliderLeftText li { font-size:11px; line-height:15px; padding-left:38PX; }

.discovery ol.sliderLeftText li strong { font-size:15px; display:block; color:#21c2f8 !important; }
.discovery ol.sliderLeftText li::before { background:#fff !important; height:34px; width:34px; font:700 15px/34px Lato; color:#21c2f8 !important; }

section.discovery .carousel-discovery h3 { font-size:18px; }
.knowledge-center { padding:0 5px 10px; }
.knowledge-center br{ display:none; }
.knowledge-center .tab-content { padding:0; border:0; }
.knowledge-center .tab-content img { max-width:96px; margin-bottom:15px; margin-right:13px; }
section.blueash { padding:30px 5px; line-height:24px; font-weight:400; }

.knowledge-center .panel-body{ padding:10px 0; }
.knowledge-center .tab-pane { padding-top:20px; }
/*----------------------blog---------------*/

#blog-tab {max-width:auto;}
#blog-tab.nav-tabs > li{padding:0 !important;}
#blog-tabContent {width:auto;}
.blog-pagination > li a { padding:2px 8px; }
/*----------------end blog------------------*/
/*-----------------------our team-------------*/
.membertitle {width:69%;padding: 30px 20px;border-right: medium none;}
.member-details > p {width:100%;border:none;  padding: 20px 0 35px;}
.member-details.second-break > p {border:none;}
.first-row-members {margin-bottom: 0;}
.teammember img {max-width: 91px;}
.membertitle {width: 68%;}
/*---------------------end our team-----------------*/
.nurture .col-md-3.col-md-push-9 { text-align:center; margin-bottom:20px; }

footer .footer-bottom	{ text-align:center; }
footer .footer-top ul.social li { margin-right: 30px; }
footer .footer-middle ul.submenu { padding:0 10px; }
footer .footerlogo { text-align:center; }
.formobile { display:block;}
.fordesktop { display:none; }
.panel-body img { max-width:100%; }
section.real-conversation h2{font-size:18px !important; font-weight:400 !important; line-height:normal !important;}

/* New changes for the Let’s start a real conversation*/
#slideshow {  padding: 5% 4%; }
.control-box {  margin-top: 30px;}
.carousel-control.left {left: -12px;}
.carousel-control.right {right: -12px;}
.control-box .carousel-control{ height: 45px; line-height: 40px; width: 45px; }

.timelinecon h2{ font-size:22px !important; }
.timelinecon .nav-pills > li { border:0; margin-bottom:5px; padding:0; }
.timelinecon .nav-pills > li > a { padding:12px; }
ul.timeline:before { left: 5px; }
.tl-tile { font-size:12.5px; left:18px; }
.timeline li { background:url("../images/rightarrow-blue-left.png") no-repeat scroll 7px 100% rgba(0, 0, 0, 0)}
.timeline li.timeline-inverted { background:url("../images/rightarrow-left.png") no-repeat scroll 5px 100% rgba(0, 0, 0, 0)}
.timeline li.timeline-inverted .timeline-panel{ border:2px solid #fff; border-left:0;}
.timeline li .timeline-panel{ border:2px solid #28ace2; border-left:0;}
ul.timeline li .timeline-panel { width: calc(100% - 60px); width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); }
ul.timeline li .tl-circ { left: -7px; margin-left: 0; }
ul.timeline > li > .tldate { margin: 0; }
ul.timeline > li > .timeline-panel { float: right; }
ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.alertMaterial {width: 100%; }
.alertMaterial span { font-size: 10px;}
.tl-footer img { width:100%; max-width:113px; }
.timeline-inverted .tl-tile { left:0%; }
.timeline li.timeline-inverted {margin-bottom: 110px !important;}
footer .footer-middle ul.submenu li strong, footer .footer-middle ul.submenu li a {padding:6px 0;}
.info h4, .info h4 a, .info h4 a:hover{ padding: 6px 0;}
.owl-item > li{ line-height:90px; }
.knowledge-center select {width: 100%;}
.knowledge-center h3 {line-height: normal !important;}
.knowledge-center .table-responsive {overflow-x: auto;}
}


@media (max-width: 640px) {
	.timeline li.timeline-inverted {margin-bottom: 110px !important;}
	}

@media (max-width: 420px) {
#slideshow > img { width:92%; top:20%; left:3.6%; }	
.slidercon { height:288px; }
.panel-body img { max-width:96px; }
.breadcrumbWrap ol.breadcrumb { margin: 29px 0}
.wp-pagenavi a, .wp-pagenavi span { padding: 4px 7px !important; }
.timelinecon .nav-pills > li > a{width: 120px !important;}
.timeline li.timeline-inverted {margin-bottom: 110px !important;}
}
@media (max-width: 375px) {
    .timelinecon .nav-pills > li > a{width: 130px;}
    .timeline-inverted .tl-tile { right:0%; }
    .timeline li.timeline-inverted { margin-bottom: 110px !important; }
	.knowledge-center p {font-size: 11px;}
}
@media (max-width: 360px) {
	.timeline li.timeline-inverted {margin-bottom: 110px !important;}
	}
/*new chahges for footer*/
@media (min-width: 768px) {
.col-sm-15 { width: 20%; float: left; }
}
@media (min-width: 992px) {
.col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
.col-lg-15 { width: 20%; float: left; }
}
@media (max-width: 767px) {
footer .footer-middle ul.submenu{ padding:0;}
}

/*------------banner responsive----------*/
@media screen and (min-width: 320px) and (max-width: 500px) { 
.subbanner.extend { background-size: 100% 150px; max-height: 200px; }
.subbanner .toptitle {
    bottom: 37px;
    font-size: 26px;
}
}
@media screen and (min-width: 320px) and (max-width: 500px) { 
.subbanner.extend  img{ width: 100%;}
}

@media screen and (min-width: 501px) and (max-width: 767px) { 
.subbanner.extend { background-size: 100%; max-height: 300px;}
}
@media screen and (min-width: 501px) and (max-width: 767px) { 
.subbanner.extend  img{ width: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) { 
.subbanner.extend { background-size: 100% 300px; max-height: 350px; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) { 
.subbanner.extend  img{ width: 100%;}
}