ul.nav.nav-tabs h3 {
    font-size: 18px;
    color: #323232;
    min-height: 39px;
}
section{width: 100%;   }
button{ position: relative;cursor:pointer; background: #fff  ; border: 2px solid #fff; text-transform: uppercase; clear: both;  display: block; margin: 0 auto; border-radius: 8px; font-weight: 600; font-size: 16px; letter-spacing: 0; color: #19467D;  padding:12px 60px 12px 30px;     background-position: 123px}
button span  {  background: url(../png/btn_arrow.png) no-repeat right center; width: 15px; position: absolute;  right: 15%; height: 20px;}

button:hover {background:#19467D ; border-color: #19467D; color: #fff}
button:hover span{background: url(../png/whitearrow.png) no-repeat right center;}

.botsEveryone h3{padding: 6% 0;font-family: 'Source Sans Pro', sans-serif !important;}
.chatbot-container ul li{list-style: none;  font-size: 16px;font-weight: 400; text-align: left; padding-bottom: 20px;font-family: 'Source Sans Pro', sans-serif !important;}
.chatbot-container, .chatbot-container p{font-family: 'Source Sans Pro', sans-serif !important;}
.chatbot-container h2{font-family: 'Source Sans Pro', sans-serif !important;}
ul.marklist {margin-left: 40px;}
.marklist li{ background: url(../png/point.png) no-repeat;  margin-left: -35px; padding-left: 35px;}
.content{margin:0 auto; width: 1170px; text-align: center;   padding: 1% 0px; }
.whiteText{color:#fff;}
.grayBg{background:#F6F6F6}
.verticalMiddle{display: table-cell; vertical-align: middle;}
.noBorder-right{ border-right: 0px!important;}


/* Slider  */
.sliderBg{ background: url(../jpg/sliderimg.jpg) no-repeat center; height: 690px;  color: #fff; text-align: center; display: table;  width: 100%}
.sliderBg .content{vertical-align: middle; display: table-cell; }
.sliderBg h1{font-size: 60px; color: #fff; line-height: 40px; padding:3% 0;letter-spacing: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.50); font-weight: 600;text-transform: none;font-family: 'Source Sans Pro', sans-serif !important;}
.sliderBg p{font-size: 30px; line-height: 35px; letter-spacing: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.50); font-weight: 300}
.sliderBg button{margin-top: 15px; }
.sliderBg li{ background: url(../png/point.png) no-repeat;  margin-left: -35px; padding-left: 35px;}


/* Bots For Everyone */
.botsEveryone {height: 340px; position: relative; cursor: pointer; overflow: hidden; background: #fff; box-shadow: 0 30px 60px 0 rgba(0,0,0,0.09);  font-size: 24px; color: #353535;  letter-spacing: 0; text-align: center;  display: inline-block; width: 40%;  margin: 1%; padding: 6% 0px;}
.botsEveryone p { font-size: 18px;  line-height: 24px; letter-spacing: 0; font-weight: 300;  width: 75%; text-align: center; margin: 0 auto;font-family: 'Source Sans Pro', sans-serif !important;}
.botsEveryone:hover .topEffect{display: block!important;}
.topEffect{ display: none; width: -webkit-fill-available; width: -moz-fill-available; width: -ms-fill-available; background: #45566f; padding:5% 3%;color: #fff; font-size: 18px;  font-weight: 300; position: relative; -webkit-animation-name: topEffect; -webkit-animation-duration: 1s; animation-name: topEffect;  animation-duration: 1s; 
    position: absolute; top: 0px; bottom: 0px; vertical-align: middle;  text-align: center;    overflow: hidden;}
.topEffect li {background: url(../png/point-w.png);padding-left: 30px; font-size: 16px;margin-bottom: 2%;background-repeat: no-repeat;font-weight: 300 !important;}




/* Chatbot Development Methodology */
.methodologyBg{height: 725px; display: table; }
.methodology{ background: #fff;  margin:0px 30px 30px 0px; display: inline-block; padding: 20px; vertical-align: middle;  display: inline-block;  height: 290px; width: 290px; }
.methodology h3 {
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif !important;
    padding: 6% 0 10%;
}


/* Media Screen */
@media screen and (min-width: 1024px) and (max-width: 1100px) { 
	.content{width: 100%;}

}

@media screen and (min-width: 300px) and (max-width: 1023px) { 
	.sliderBg .content{width: 80%;}
	.sliderBg p {font-size: 20px;; padding: 0px 10%;}
	.sliderBg p br{display: none}

.sliderBg h1{    font-size: 40px;}
.content{width: 96%;}
.chatbot-container h2 {font-size: 35px;padding: 10% 0;}
h3 { font-size: 20px;}
.botsEveryone{ width: 100%!important;height: 290px; }
.chatbotIntegration,.chatbotDevelopment,.chatbotDesign,.chatbotStrategy{background-size: contain;}
.reality { display: block;}
.reality .leftSide, .reality .rightSide{    width: 80%; padding-left: 13%; display: block;float: left;}
.reality .leftSide li { background: url(../png/point.png) no-repeat left top;  float: left; text-align: left;  margin-left: -35px;  padding-left: 35px;  clear: both;  padding-bottom: 30px;}
.channelsBg a {  padding: 19px 0px;  margin: 7px;  border-radius: 100px;  width: 100px;}
.client span {  border-right: 0px solid #D0D0D0;  display: block;  margin: 0 auto;}
.conversational { margin: 0px 25px; display: inline-block;  height: 0px; clear: both; display: block; margin-bottom: -30px;}
.methodologyBg{ height: 1000px; }
.methodology { padding: 10px 25px;  margin: 0px 10px 20px 0px;  width: 80%; height: auto;}
.topEffect li {
    padding-left: 30px;
    margin-left: -35px;
    padding-bottom: 10px !important;
}

}
/* Animations */
@-webkit-keyframes topEffect {
 0%   { top:220px; }
 100% { top:0px; }
}

@-moz-keyframes topEffect {
 0%   { top:220px; }
 100% { top:0px; }
}