.bg_01{ height: 50px; width: 150px; margin: auto; position: absolute; bottom:0px;  left: 18.5%; background-color: #fed136; color:#fff;  padding-top: 11px; text-align: center; border-radius:10px; font-size: 20px;}
.bg_02{ height: 50px; width: 150px; margin: auto; position: absolute; bottom:0px;  right: 13%; background-color: #fed136; color:#fff;  padding-top: 11px; text-align: center; border-radius:10px; font-size: 20px;}
.bac_about{background: #3acaf9; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #3acaf9, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #3acaf9, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #3acaf9, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #3acaf9, #fff); /* Standard syntax */
  width:100%; padding-top: 30px; padding-bottom: 100px}

/*for mobile*/
@media only screen and (max-width:760px) {
 .ban{margin-top: 54px;}
 .bg_01 { height: 33px; width: 80px; padding-top: 6px; font-size: 14px; left: 11.5%; right: 63%;} 
 .bg_02 { height: 33px; width: 80px; padding-top: 6px; font-size: 14px; right: 3.5%; left: 65%;}
.bac_about{ min-height:300px; }
.mob_img{height: 250px !important;;}
}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
.bac_about{ min-height:400px; }
 .bg_01 { height: 36px; width: 114px; padding-top: 7px; font-size: 16px; left: 11.5%; right: 63%;} 
 .bg_02 { height: 36px; width: 114px; padding-top: 7px; font-size: 16px; right: 11%; left: 72%;}
}

/*for destop*/
@media (min-width: 1200px){
.ser-img{height: 300px;}
 
 }
#contact p{font-size: 16px; line-height: 24px;}
 .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.borderimg2 {
    border: 10px solid transparent;
    padding: 8px;
    -webkit-border-image: url(../img/border.png) 20% round; /* Safari 3.1-5 */
    -o-border-image: url(../img/border.png) 20% round; /* Opera 11-12.1 */
    border-image: url(../img/border.png) 20% round;
}
.hre_blu{background: #28f209; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #28f209, #606edb); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #28f209, #606edb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #28f209, #606edb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #28f209, #606edb); /* Standard syntax */
 }
 .blu_gry{background: #a89f9f; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #a89f9f, #606edb); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #a89f9f, #606edb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #a89f9f, #606edb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #a89f9f, #606edb); /* Standard syntax */
 }
 #submit-btn{
  margin-top: 10px;
 }
 .success-btn{
  margin-top: 20px;
 }