.services-bnn {
    text-align: center;
    background-image: url(img/servicessingle-banner3.png);
    background-repeat: no-repeat;
    height: 592px;
    background-position: center;
    background-size: cover;
}

.services-bnn h1{
  font-size: 64px;
  font-family: 'Raleway', sans-serif;
  color: rgb( 255, 255, 255 );
  font-weight: 200;
      padding: 20px 0 0;
}

.services-bnn h1 span{
  font-weight: 800;
  color: #f39c12;
}




/* ------------ services para   ---------*/
.vk_serv{
  background-color: #fff;
  padding: 60px 0 45px;
}

.vk_serv h2 {
  padding-bottom: 10px;
}
.vk_serv p{
  color: #a3a3a3;
  margin-bottom: 35px;
}
.vk_serv p:last-child{
  color: #a3a3a3;
  margin-bottom: 35px !important;
}
.serv_row{
  padding: 10px 0;
}

.row.serv_row img {
    padding-right: 120px;
    padding-bottom: 30px;
}
/* ----------services para end-------------*/




/*------------- other services -------------*/
.other_serv{
  padding: 75px 0;
  background-color: #2c3e50;
}



.serv_heading {
      height: inherit;
    text-align: center;
    background-color: #172b40;
    padding: 45px 40px 50px;
    color: #ffffff;

}

.serv_heading h2{
  text-transform: uppercase;
      padding-bottom: 8px;
}
.serv_heading h2 span{
  color: #16a085;
}
.serv_heading p{
  font-size: 16px;
  color: rgb( 90, 109, 129 );
      line-height: 30px;
}


a.service_icon{
      width: 100%;
      height: inherit;
  text-align: center;
padding: 35px 25px;
display: inline-block;
background-color: #01a383;

}

a.service_icon:hover{
  opacity: .9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* IE 5-7 */
  filter: alpha(opacity=90); /* Netscape */
  -moz-opacity: 0.9;/* Safari 1.x */
  -khtml-opacity: 0.9;/* Good browsers */
}
a.service_icon .icon-img{

    height: 130px;
    position: relative;
}
a.service_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 130px;
}

a.service_icon p {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: rgb( 255, 255, 255 );
    line-height: 26px;
    margin-top: 15px;
}

a.service_icon p span{
  font-size: 16px;
  display: block;
  font-weight: 300;
}

a.service_icon h3 {
  font-family: 'Open Sans', sans-serif;
  color: rgb( 255, 255, 255 );
  text-transform: uppercase;
  line-height: 1.5;
      margin: 0;
          margin-top: 12px;
}







.other_serv .row{
  margin: 0;
}

.other_serv .col-sm-6, .other_serv .col-sm-3{
  margin: 5px 0;
    padding: 0 5px;
}


.other_serv .row .col-sm-3:nth-child(3) a.service_icon
, .service_icon.bg_serv2{ background-color: #924275;}
.other_serv .row .col-sm-3:nth-child(4) a.service_icon
, .service_icon.bg_serv3{ background-color: #207bb7;}
.other_serv .row .col-sm-3:nth-child(5) a.service_icon
, .service_icon.bg_serv4{ background-color: #308f46;}
.other_serv .row .col-sm-3:nth-child(6) a.service_icon
, .service_icon.bg_serv5{ background-color: #4a589c;}
.other_serv .row .col-sm-3:nth-child(7) a.service_icon
, .service_icon.bg_serv6{ background-color: #16a085;}



.service_icon.bg_serv2:after{ border-color: #793a62 transparent transparent transparent !important;}
.service_icon.bg_serv3:after{ border-color: #226c9c transparent transparent transparent !important;}
.service_icon.bg_serv4:after{ border-color: #1b7931 transparent transparent transparent !important;}
.service_icon.bg_serv5:after{ border-color: #414f90 transparent transparent transparent !important;}
.service_icon.bg_serv6:after{ border-color: #1c8671 transparent transparent transparent !important;}


/*NEW SERVicEs*/
/*NEW SERVicEs*/
a.talk-bubble.service_icon{padding:20px 60px 15px;}
.new_ser {position: relative;    float: left;
    width: 100%;    padding-top: 2%;}

.new_ser .img_center {
    position: absolute;    max-width: initial;     bottom: 0;
    height: 700px;    left: 0;    right: 0;    margin: auto;
}


a.talk-bubble.service_icon{  width: 300px;}



.comm_ser2{ text-align: right; }

.talk-bubble {
  margin: 10px;  display: inline-block;
  position: relative; width: 200px; height: auto; background-color: lightyellow;
}
.border{  border: 8px solid #666;}
.round{
  border-radius: 20px;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;

}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: -40px;
  right: auto;  top: -8px;  bottom: auto; border: 32px solid;
  border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
  content: ' '; position: absolute; width: 0; height: 0;
  left: -24px;    right: auto;    top: 0px;    bottom: auto;    border: 26px solid;
    border-color: #158a73 transparent transparent transparent;}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
  content: ' '; position: absolute; width: 0; height: 0;
  left: -40px;  right: auto;  top: 30px;  bottom: auto; border: 20px solid;
  border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
  content: ' '; position: absolute; width: 0; height: 0;  left: -20px;
  right: auto;  top: 38px;  bottom: auto; border: 12px solid;
  border-color: lightyellow lightyellow transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: -8px;
  right: auto;  top: auto;  bottom: -40px;  border: 32px solid;
  border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
  content: ' '; position: absolute; width: 0; height: 0;
  left: 0px;  right: auto;  top: auto;  bottom: -20px;
  border: 22px solid; border-color: transparent transparent transparent lightyellow;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: 30px;
    right: auto;  top: auto;  bottom: -40px;  border: 20px solid;
  border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after{
  content: ' '; position: absolute; width: 0; height: 0;  left: 38px;
  right: auto;  top: auto;  bottom: -20px;  border: 12px solid;
  border-color: lightyellow transparent transparent lightyellow;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: 30px;  bottom: -40px;  border: 20px solid;
  border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: 38px;  bottom: -20px;  border: 12px solid;
  border-color: lightyellow lightyellow transparent transparent;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: -8px;  bottom: -40px;  border: 20px solid;
  border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: 0px; bottom: -20px;  border: 12px solid;
  border-color: lightyellow lightyellow transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: -40px;  top: 30px; bottom: auto; border: 20px solid;
  border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
  content: ' '; position: absolute; width: 0; height: 0;
  left: auto; right: -20px;  top: 38px; bottom: auto; border: 12px solid;
  border-color: lightyellow transparent transparent lightyellow;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: -40px;  top: -8px; bottom: auto; border: 32px solid;
  border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
  content: ' '; position: absolute; width: 0; height: 0;  left: auto;
  right: -24px;  top: 0px;  bottom: auto; border: 26px solid;
  border-color: #158a73  transparent transparent transparent;
}


/* talk bubble contents */

.talktext p{  -webkit-margin-before: 0em;  -webkit-margin-after: 0em;}




/*NEW SERVicEs End*/
/*NEW SERVicEs End*/

/*---- other services end----*/





a.talk-bubble a.service_icon p{}

@media  (max-width: 1199px) { 

.services-bnn h1 { font-size: 45px; padding: 10px 0 0;}
.services-bnn {    height: 450px;}
.row.serv_row img {    padding-right: 80px;    padding-bottom: 20px;   width: 50%;}

.new_ser .img_center {    height: 550px;}
a.talk-bubble.service_icon {    width: 250px;}
a.talk-bubble.service_icon .icon-img {    height: 95px;}
a.talk-bubble.service_icon img {    max-height: 95px;}
a.talk-bubble.service_icon p {    font-size: 16px;    line-height: 22px;  margin-bottom: 0;  margin-top: 12px;}
a.talk-bubble.service_icon {    width: 250px;    padding: 15px 45px;}

a.talk-bubble.service_icon h3  {    font-size: 25px;    line-height: 1.3;}


a.talk-bubble.service_icon.bg_serv6 .icon-img {    height: 80px !important;}
a.talk-bubble.service_icon.bg_serv6 .icon-img  img {    max-height: 80px;}

}


	/*## tab ##*/
@media  (max-width: 991px) { 

.services-bnn h1 { font-size: 40px; padding: 10px 0 0;}
.services-bnn {    height: 400px;}

.row.serv_row img {
    padding-right: 60px;
    padding-bottom: 10px;

}
.vk_serv { padding: 30px 0 30px;}
.vk_serv p {margin-bottom: 20px;   font-size: 16px;}
.vk_serv p:last-child { margin-bottom: 10px !important;}

.other_serv {    padding: 40px 0;background-color: #2c3e50;}
.serv_heading { padding:   20px 20px 30px;}
.serv_heading p { font-size: 18px;  line-height: 26px;}
a.service_icon {padding: 25px 15px;}
a.service_icon p { font-size: 16px; line-height: 24px; margin-top: 10px;}
.serv_heading h2 { font-size: 28px;    padding-bottom: 0;}
a.service_icon .icon-img { height: 100px;}
a.service_icon img { max-height: 100px;}
a.service_icon h3 { text-transform: uppercase; line-height: 25px; font-size: 20px;}
a.service_icon p span {  font-size: 14px; line-height: 22px;}




.new_ser .img_center {    height: 500px;}

a.talk-bubble.service_icon .icon-img {    height: 85px;}
a.talk-bubble.service_icon img {    max-height: 85px;}
a.talk-bubble.service_icon p {    font-size: 15px;    line-height: 20px;  }
a.talk-bubble.service_icon {    width: 210px;    padding: 15px 30px;}

a.talk-bubble.service_icon h3  {    font-size: 18px; }


a.talk-bubble.service_icon.bg_serv6 .icon-img {    height: 75px !important;}
a.talk-bubble.service_icon.bg_serv6 .icon-img  img {    max-height: 75px;}


}
  /*## tab end ##*/

  /*## mobile ##*/
@media (max-width: 767px) {

.services-bnn h1 {    font-size: 30px;   padding: 0px 0 0px;}
.services-bnn {    height: 300px;}
.row.serv_row img { padding-right: 50px;}
.vk_serv { padding: 20px;}
.vk_serv p {margin-bottom: 20px;   font-size: 18px;}
.serv_row img {   margin-bottom: 20px;}

.new_ser .img_center {   display: none;}
.tri-right.right-top:after,.tri-right.left-top:after{    content: initial;}
a.talk-bubble.service_icon {    width: 100%;    padding: 20px;margin: 0;
    margin-bottom: 16px;    border-radius: 0;}

.comm_ser {    padding-left: 8px;    padding-right: 8px;}



}
  /*## mobile end ##*/



@media (max-width: 550px) {

.services-bnn h1 {    font-size: 25px;  }
.services-bnn {    height: 250px;}
.vk_serv p {  font-size: 16px;}
.vk_serv h2 {    padding-bottom: 0;}
.vk_serv {    padding: 10px 20px;}
.row.serv_row img {   width: 65%;}
.other_serv {  padding: 20px 0; background-color: #2c3e50;}
.serv_heading h2 {    font-size: 30px;       padding-bottom: 10px;    margin: 0px;}
.serv_heading {    padding: 35px 25px;}
a.service_icon p {    font-size: 16px;    line-height: 22px;    margin-top: 15px;}
a.service_icon p span {   font-size: 12px;    line-height: 20px;}
a.service_icon {   padding: 25px 10px;}

}


@media (max-width: 450px) {

.services-bnn h1 {    font-size: 20px;     margin-top: 10px }
.services-bnn {    height: 200px;}

.comm_ser.col-xs-6 {width: 100%;}


}

@media (max-width: 399px){

.other_serv .row .col-xs-6 {   width: 100%;}  
.serv_heading {    padding: 30px 15px;}
.serv_heading h2 { font-size: 22px; padding-bottom: 12px;}
.serv_heading p {  font-size: 16px;  line-height: 24px;}
.row.serv_row img {width: 100%; padding-right: 0;}



}


@media (max-width: 350px) {

.services-bnn h1 {    font-size: 18px;    margin-top: 10px  }
.services-bnn {    height: 180px;}


}