@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800');

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
ul{ margin:0px; padding:0px;}
ul li{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none;}
a, button{-webkit-transition-duration: 0.3s; 
  -webkit-transition-timing-function: linear; 
  box-shadow:0px 0 0 #966b29 inset; }

*{padding:0; margin:0;}
body{font-family: 'Poppins', sans-serif; padding:0; margin:0; font-size:16px;  }

#logo-menu{border-top:solid 5px #e61c36;}
#logo-menu .navbar-default{background:#fff; min-height:auto; margin:0; border:none;}
#logo-menu .navbar-default .navbar-brand{height:auto; padding:17px 15px 10px;}
#logo-menu .navbar-default .navbar-collapse{padding:0;}
#logo-menu .navbar-default .navbar-collapse .navbar-nav{float:right; }
#logo-menu .navbar-default .navbar-nav > li{padding:0 18px;}
#logo-menu .navbar-default .navbar-nav > li:last-child{padding-right:0;}
#logo-menu .navbar-default .navbar-nav > li > a{font-size:16px; color:#000; padding:30px 0;  border-bottom:solid 4px #fff;}
#logo-menu .navbar-default .navbar-nav > .active > a, #logo-menu .navbar-default .navbar-nav > .active > a:hover, #logo-menu .navbar-default .navbar-nav > .active > a:focus, #logo-menu .navbar-default .navbar-nav > li > a:hover, #logo-menu .navbar-default .navbar-nav > li > a:focus{background:none; color:#e61c36; border-bottom:solid 4px #e61c36;}
#top-banner{background:url(../images/banner.png) top center no-repeat fixed; background-size:cover; padding:90px 0; position: relative;}
#top-banner .banner-details h1{font-size:52px; color:#fff; text-transform:uppercase; font-weight:700;}
#top-banner .banner-details h1 span{color:#e61c36; display:block;}
#top-banner .banner-details p{font-size:16px; color:#fff; padding:20px 0; line-height:24px; font-weight:400;}
#top-banner .banner-details a{font-size:22px; color:#fff; background:#e61c36; border-radius:50px; display:block; width:240px; padding:12px; text-align:center; text-transform:uppercase; font-weight:600; text-decoration:none; border:solid 2px #e61c36; margin-top:20px;}
#top-banner .banner-details a:hover{background:none; border:solid 2px #fff;}
#top-banner .rockeat-img{text-align:center;}
.circle {   line-height:100px; width: 100%; height: 100px; background:none;  animation: mymove 5s  ease-in-out 2s infinite; position:absolute;  top:40px;  left:0}
/* Chrome, Safari, Opera */
@keyframes line {  0% { height:100px}  50% { height:200px}  100% { height:100px}}
@keyframes mymove {  0% { top:40px}  50% { top:-10px}  100% { top:40px}
}
  
#why-choose{padding:60px 0;}
#why-choose .why-choose-details h2, #products h2, #service h2, .testimonial h2, #our-clients h2{font-size:36px; color:#000; text-transform:uppercase; font-weight:600; border-bottom:solid 1px #ddd; padding-bottom:7px; margin-bottom:15px;}
#why-choose .why-choose-details h2 span, #products h2 span, #service h2 span, .testimonial h2 span, #our-clients h2 span{color:#e61c36;}
#why-choose .why-choose-details .why-choose-first{padding:0 0 10px 125px; background:url(../images/why-choose1.png) left top no-repeat; margin:25px 0 0;}
#why-choose .why-choose-details .why-choose-first.why-choose-full{background:url(../images/why-choose2.png) left top no-repeat;}
#why-choose .why-choose-details .why-choose-first.why-choose-dedicat{background:url(../images/why-choose3.png) left top no-repeat;}
#why-choose .why-choose-details h3{font-size:24px; color:#333; margin-bottom:10px;}
#why-choose .why-choose-details p{font-size:17px; line-height:23px;}
#why-choose .why-choose-img{text-align:center;}
#why-choose .why-choose-img img{width:95%; margin-top:50px;}
#products{padding:60px 0; background:#f7f7f8;}
#products h2, #service h2, #our-clients h2{text-align:center; width:300px; margin:0 auto 15px; }
#products p.pro-hedng-pra{font-size:16px; text-align:center; width:80%; margin:0 auto 30px; color:#333; font-weight:300;}
#products .products-details{background:url(../images/auro-red.png) left 14px no-repeat; padding-left:50px; padding-top:15px; padding-bottom:15px;}
#products .products-details h3{font-size:22px; color:#000; font-weight:500; padding-bottom:8px;} 
#products .products-details p{font-size:15px; color:#333; line-height:23px;  font-weight:300;}
#products a{display:block; width:300px; font-size:24px; color:#fff; background:#e61c36; text-align:center; text-transform:uppercase; padding:15px; border-radius:50px; border:solid 2px #e61c36; font-weight:600; text-decoration:none; margin:30px auto 0;}
#products a:hover{background:#333; }
#service{text-align:center; padding:60px 0;}
#service p.servc-prgrf{font-size:15px; margin:0 auto 30px; color:#333; font-weight:300; width:80%;}
#service .service-detail{padding:15px 0;}
#service .service-detail h3{font-size:20px; color:#000; padding:25px 0 15px;}
#service .service-detail p{font-size:15px; color:#333; font-weight:300; line-height:22px;}
#service .zoom {  transition: transform .2s;  }
#service .zoom:hover {    -ms-transform: scale(1.2); /* IE 9 */    -webkit-transform: scale(1.2); /* Safari 3-8 */    transform: scale(1.2); }

.testimonial{padding:60px 0; background:#f7f7f8; background-size:cover;}
.testimonial h2{width:450px; margin:0 auto 12px; text-align:center;}
.testimonial h4{ font-size:16px; text-align:center;}
.testimonial p{text-align:center; font-size:16px;}
/*..... Testimonial Slider..... */
.testimonial #quote-carousel{ padding: 0 10px 30px 10px; margin-top:30px; 
    /* Control buttons  */
	/* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.testimonial #quote-carousel .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px;}
.testimonial #quote-carousel .carousel-control.left {left: -60px;}
.testimonial #quote-carousel .carousel-control.right { right: -60px;}
.testimonial #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px;}
.testimonial #quote-carousel .carousel-indicators li { width:50px; height:50px; margin:5px; cursor:pointer; border:4px solid #CCC; border-radius:50px; opacity: 0.4; overflow: hidden; transition: all 0.4s;}
.testimonial #quote-carousel .carousel-indicators .active {background:#333333; width:128px; height:128px; border-radius:100px; border-color:#e61c36; opacity:1;   overflow:hidden;}
.testimonial .carousel-inner{min-height:300px; margin-top:50px;}
.testimonial .item blockquote { border-left: none; margin:0;}
.testimonial .item blockquote .col-sm-2:before { content: "\f10d"; font-family: 'Fontawesome'; font-size:60px; color:#e61c36;}
.testimonial h3{font-size:24px; color:#000; font-weight:600; margin-top:25px;}
#our-clients{padding:60px 0; text-align:center;}
#our-clients h2{margin-bottom:40px;}

/* Logo Slider */
#our-clients{ padding:50px 0;}
.slick-slide { margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Logo Slider End*/
#footer{background:url(../images/footer-banner.png) top center no-repeat; background-size:cover; padding:50px 0 0; text-align:center;}
#footer ul li{padding:15px 0; font-weight:300;}
#footer ul li img{margin-right:8px;}
#footer ul li a{color:#fff; font-size:16px; }
#footer ul li .input-group{width:60%; border-radius:50px; overflow:hidden; margin:10px auto; font-size:18px;}
#footer ul li .input-group::placeholder{font-size:18px;}
#footer ul li .input-group .form-control{height:52px; padding:15px 25px;}
#footer ul li .input-group .input-group-btn button{ background:#e61c36; border-radius:50px; font-size:24px; color:#fff; padding:8px 30px; margin-left:-30px; font-weight:600;}
#footer ul.social-icon{margin-top:15px;}
#footer ul.social-icon li{display:inline-block; padding:0 5px; font-size:26px; color:#ddd;}
#footer ul.social-icon li a{color:#000; background:#fff; font-size:18px; border:solid 4px #4d4d4d; width:42px; height:42px; border-radius:50px; text-align:center; line-height:35px; display:block;}
#footer .copy-right{ margin-top:50px; border-top:solid 1px #1a1a1a;}
#footer .copy-right p{font-size:14px; color:#ddd; font-weight:300; padding:15px 0;}
#footer .copy-right p a{color:#d50914;}

/*---------About-Us------------*/
#inner-banner{padding:60px 0; text-align:center; }
.about-banner{background:url(../images/about-banner.jpg) top center no-repeat; background-size:cover;}
#inner-banner h2{font-size:50px; color:#fff; text-transform:uppercase; font-weight:700; }
#inner-banner h2 span{color:#e61c36;}
#about-details{padding:60px 0;}
#about-details h2, #key-official h2{font-size:36px; color:#333; font-weight:600; padding-bottom:8px; border-bottom:solid 1px #ddd;}
#about-details h2 span, #key-official h2 span{color:#e61c36;}
#about-details p{font-size:16px; color:#333; padding-top:15px; line-height:23px;}
#key-official{background:#f7f7f9; padding:60px 0; text-align:center;}
#key-official h2{width:350px; margin:0 auto 15px;}
#key-official .official-details{padding:30px 0 0;}
#key-official .official-details .official-img-box{width:90px; height:90px; border-radius:80px; border:solid 3px #e61c36; text-align:center; margin:0 auto; overflow:hidden;}
#key-official .official-details .official-img-box img{width:100%;}
#key-official .official-details h3{font-size:20px; color:#333; font-weight:700; padding:15px 0 10px;}
#key-official .official-details p{font-size:16px; color:#333;}

/*---------Contact-Us------------*/
.contact-banner{background:url(../images/contact-banner.png) top center no-repeat; background-size:cover;}
#contact-details{padding:60px 0; border-bottom:solid 1px #ddd;}
#contact-details .contact-detl-left{padding-bottom:20px;}
.contact-detl-left h2, .contact-form h2{font-size:36px; color:#333; font-weight:600; padding-bottom:8px; border-bottom:solid 1px #ddd; margin-bottom:10px;}
.contact-detl-left h2 span, .contact-form h2 span{color:#e61c36;}
.contact-detl-left h3{font-size:24px; margin:25px 0 5px; color:#333; font-weight:500;}
.contact-detl-left ul li{padding:10px 0 10px 30px; font-size:17px; color:#333;}
.contact-detl-left ul li.cont-add{background:url(../images/cont-loc.png) left 13px no-repeat;}
.contact-detl-left ul li.cont-call{background:url(../images/cont-call.png) left 13px no-repeat;}
.contact-detl-left ul li.cont-mail{background:url(../images/cont-mail.png) left 13px no-repeat;}
.contact-detl-left ul li.cont-web{background:url(../images/cont-web.png) left 13px no-repeat;}
#contact-details .contact-form{background:#f7f7f9; padding:25px; border-radius:4px; border:solid 1px #ddd; }
.contact-form h2{margin-bottom:20px;}
.contact-form form input{min-height:44px; background:#fff; border:solid 1px #ddd; padding:12px; font-size:16px;}
.contact-form form .form-group{margin-bottom:20px;}
.contact-form form button{background:#e61c36; width:200px; border-radius:50px; text-align:center; font-size:26px; color:#fff; text-transform:uppercase; font-weight:600; padding:10px;}
.contact-form form button:hover{background:#333; color:#fff;}

/*---------News------------*/
.news-banner{background:url(../images/news-banner.png) top center no-repeat; background-size:cover;}
#news-details, #events-details{padding:60px 0; border-bottom:solid 1px #ddd;}
#news-details .news-detl-box, #events-details .events-detl-box{border:solid 1px #ddd; border-radius:4px; overflow:hidden; margin:15px 0;}
.news-detl-box .news-img-box, .events-detl-box .events-img-box{width:100%; height:260px; overflow:hidden; text-align:center;}
.news-detl-box .news-img-box img, .events-detl-box .events-img-box img{width:100%;}
.news-detl-box .news-detl, .events-detl-box .events-detl{padding:20px;}
.news-detl-box .news-detl .news-date{text-align:center;}
.news-detl-box .news-detl .news-date h2{font-size:52px; color:#e61c36; font-weight:600;}
.news-detl-box .news-detl .news-date h4{font-size:20px; color:#000; padding:8px 0;}
.news-detl-box .news-detl .news-date h5{font-size:16px; color:#333;}
.news-detl-box .news-detl .post-details h3{font-size:24px; color:#000; font-weight:600;}
.news-detl-box .news-detl .post-details p{font-size:15px; color:#848484; padding:8px 0; font-weight:300;}
.news-detl-box .news-detl .post-details a{font-size:20px; color:#e61c36; font-weight:600; display:block;}
/*---------Events------------*/
.events-detl-box .events-detl h2{font-size:24px; color:#000; font-weight:600; padding-bottom:10px;}
.events-detl-box .events-detl h3{font-size:20px; color:#e61c36; background:url(../images/date-icon.png) left top no-repeat; padding-left:30px; min-height:26px;}
.events-detl-box .events-detl p{font-size:18px; color:#333; font-weight:400; margin:10px 0;}
.events-detl-box .events-detl a{font-size:18px; color:#e61c36; font-weight:600; display:block;}

/*---------clients------------*/
.clients-banner{background:url(../images/news-banner.png) top center no-repeat; background-size:cover;}
.fairchilds{ padding:50px 0; border-bottom:solid 1px #e5e5e5;}
.fairchilds .semi h2{ font-size:24px; font-weight:600; color:#000000;}
.fairchilds .semi p{ font-size:15px; font-weight:300; color:#848484; padding-top:10px; line-height:24px;}
.fairchilds .semi img{width:70%;margin: 0 auto;text-align: center;}
.operative{ padding:50px 0;}
.operative .society h2{ font-size:24px; font-weight:600; color:#000000;}
.operative .society p{font-size:15px; font-weight:300; color:#848484; padding-top:10px; line-height:24px;}
.operative .banks h3{ font-size:20px; font-weight:600; color:#000; padding:30px 0;}
.operative .banks ul li i{ color:#e83148; font-size:20px; padding-right:5px;}
.operative .banks ul li{ font-size:18px; font-weight:300; color:#848484; list-style:none; padding:10px 0;}
.operative .banks .sravya{ padding-top:80px;}

/*---------products------------*/
.products-banner{background:url(../images/products-banner.jpg) top center no-repeat; background-size:cover;}
#inner-banner p{ font-size:15px; color:#fff; font-weight:400; padding:10px 0;  line-height:24px;}
.expressweb{ padding:50px 0; border-bottom:solid 1px #e5e5e5;}
.expressweb .web h2{font-size:24px; font-weight:600; color:#000000;border-bottom:solid 1px #e5e5e5; padding-bottom:10px;}
.expressweb .web p{ font-size:15px; font-weight:300; color:#848484; padding-top:10px; line-height:24px;}
.expressweb .web img{width:70%;margin: 0 auto;text-align: center;}

/*---------services------------*/
.member-banner{background:url(../images/services-banner.jpg) top center no-repeat; background-size:cover;}
.banking{ padding:50px 0; border-bottom:solid 1px #e5e5e5;}
.banking .offers h2{ font-size:36px; font-weight:bold; color:#000;border-bottom:solid 1px #e5e5e5; text-transform:uppercase; padding-bottom:5px;}
.banking .offers h2 span{ color:#e61c36;}
.banking .offers p{font-size:16px; font-weight:400; color:#737373; padding-top:10px; line-height:24px;}
.banking .offers img{ margin:0 auto; width:auto; text-align:center;}
.banking .offers ul li{ background:url(../images/check-right.png) top left no-repeat; padding-left: 27px;margin:20px 0; color:#000; font-size:16px; font-weight:400;}

/*---------news-details------------*/
.details{ padding:50px 0;border-bottom: solid 1px #ddd;}
.details .details-box img{ width:100%; height:auto;}
.details .details-box h2{ font-size: 52px;color: #e61c36; font-weight: 600; float:left; padding: 20px 15px 5px 0;} 
.details .details-box h4{font-size: 20px;color: #000;padding: 30px 0 5px;}  
.details .details-box h3{font-size: 16px;color: #333;}
.details .details-box p{color: #848484;font-size: 15px;padding: 8px 0;font-weight: 300;} 
#news-details .related h2{ text-align:center; font-size:36px; color:#000; text-transform:uppercase; font-weight:bold; padding-bottom:20px;} 
#news-details .related h2 span{color:#e61c36;}   
          
/*---------events-detalis------------*/    
#events-details .related h2{ text-align:center; font-size:36px; color:#000; text-transform:uppercase; font-weight:bold; padding-bottom:20px;} 
#events-details .related h2 span{color:#e61c36;}  
.details .details-box .events-detl h3{color: #e61c36;font-size: 20px;padding-left: 30px;background: url(../images/date-icon.png) left top no-repeat;min-height: 26px;margin-top: 20px;}
    
/*---------career------------*/  	   
.career{ padding:50px 0;border-bottom: solid 1px #ddd;}    
.career .join h2{font-size:36px; color:#000; text-align:center; text-transform:uppercase; font-weight:bold;}    
.career .join h2 span{color:#e61c36;} 
.career .join p{ text-align:center;color: #848484;font-size: 15px;padding: 8px 0;font-weight: 300;}
.career .clume-inner{padding: 30px;border: 1px solid #e6eef1; margin:50px 0 10px;}
.career .clume-inner h3{ font-size:20px; color:#000; font-weight:700;}   
.career .clume-inner p{color:#666666; font-weight:300; font-size:16px; padding:10px 0; line-height:30px;}   
.career .clume-inner .button { font-size:14px; text-transform:uppercase; display:inline-block; letter-spacing:1px; padding:10px 30px; color:#fff; border:solid 1px #e61c36; background:#e61c36; text-decoration:none; margin-top:10px;}
.career .clume-inner .button:hover{ background:#fff; border:solid 1px #000; color:#000;}



.fos {
 
  background: #fff;
 
}


.modal-header{ border:none; padding: 15px 15px 0 0;}
.fos h2{ text-align:center; font-weight:bold; font-size:30px; color:#e61c36; text-transform:uppercase;}
.fos p{ text-align:center; color:#ddd; font-size:15px; color:#666666;}
.fos .form-control{background-color: #ffffff;padding: 6px 14px;height:40px; font-size:14px;color: #555555; border: 1px solid #cccccc;border-radius: 4px;width: 100%; box-shadow:none;}
.fos .btn.btn-primary{display: inline-block; width:100%; padding:10px 0; box-shadow:none; font-size:18px; border-radius:50px; background:#e61c36; border:solid 1px #e61c36;}
.fos .btn.btn-primary:hover{ background:#fff; color:#000; border: solid 1px #000;}



.clume-inner a{cursor:pointer;}


@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}  




/*---------responsive------------*/

/*************************/
@media(min-width:1200px) and (max-width:1260px) {
	
#logo-menu .navbar-default .navbar-nav > li{padding:0 15px;}
}


@media(min-width:992px) and (max-width: 1199px) {
/*******shamsher work 15-11-18********/
#logo-menu .navbar-default .navbar-brand{ padding:14px 15px;}
#logo-menu .navbar-brand > img{ width:196px;}
#logo-menu .navbar-default .navbar-nav > li{ padding:0 8px;}
#logo-menu .navbar-default .navbar-nav > li a{ font-size:15px; padding:23px 0;}
#top-banner .banner-details h1{ font-size:40px;}
#why-choose{ padding:50px 0;}
#why-choose .why-choose-details h2, #products h2, #service h2, .testimonial h2, #our-clients h2{ font-size:30px;}
#why-choose .why-choose-details h3{ font-size:21px;}
#why-choose .why-choose-details p{ font-size:15px;}
#why-choose .why-choose-details .why-choose-first{ padding:0 0 0 125px;}
#products{ padding:50px 0;}
#products .products-details{background-size: 26px;    padding-left: 34px;}
#products .products-details h3{ font-size:18px;}
#products .products-details p{ font-size:14px;}
#products a{ width:284px; padding:12px; font-size:22px;}
#service{ padding:50px 0;}
#service p.servc-prgrf{ margin-bottom:18px;}
#service .service-detail h3{ font-size:18px;}
#service .service-detail{ padding:15px 0 0;}
.testimonial{ padding:50px 0;}
.testimonial .carousel-inner{ margin-top:26px;}
.testimonial #quote-carousel{ margin-top:0;}
#our-clients{ padding:40px 0;}
#footer{ padding:35px 0 0;}

/*---------About-Us------------*/
#inner-banner, #news-details{padding:40px 0;}
/*---------News------------*/
.news-detl-box .news-img-box, .events-detl-box .events-img-box{height:220px;}
.news-detl-box .news-detl{padding:15px;}
.news-detl-box .news-detl .news-date h2{font-size:46px;}
.news-detl-box .news-detl .news-date h4, .news-detl-box .news-detl .post-details a{font-size:18px;}
.news-detl-box .news-detl .news-date h5, .news-detl-box .news-detl .post-details p{font-size:14px;}
.news-detl-box .news-detl .post-details h3{font-size:19px;}
/*---------Events------------*/
#events-details{padding:40px 0;}

/*******0ur-clients********/
.fairchilds{ padding: 40px 0;}
.operative{ padding:40px 0;}
.operative .banks h3{ padding:25px 0;}

/*******products********/
.expressweb{ padding:40px 0;}

/*******services********/
.banking{ padding:40px 0;}
.banking .offers h2{ font-size:32px;}
.banking .offers ul li{margin: 15px 0;}

/****news-details*****/
.details{ padding:40px 0;}

/*---------carrer------------*/  
.career{padding: 40px 0;}
.career .join h2{ font-size:32px;}
.career .clume-inner{margin: 30px 0 10px;}
}

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

/*******shamsher work 15-11-18********/
#logo-menu .navbar-default .navbar-brand{ padding:14px 6px 12px 15px;}
#logo-menu .navbar-brand > img{ width:140px;}
#logo-menu .navbar-default .navbar-nav > li{ padding:0 4px;}
#logo-menu .navbar-default .navbar-nav > li a{ font-size:13px; padding:16px 0;}
#top-banner{ padding:40px 0;}
#top-banner .banner-details h1{ font-size:28px;}
#top-banner .banner-details p{ font-size:15px;}
#top-banner .banner-details a{ width:200px; font-size:20px; padding:9px;margin-top: 10px;}
#top-banner .rockeat-img img{ width:176px; }
#why-choose{ padding:40px 0;}
#why-choose .why-choose-details h2, #products h2, #service h2, .testimonial h2, #our-clients h2{ font-size:26px;}
#why-choose .why-choose-details h3{ font-size:18px;}
#why-choose .why-choose-details p{ font-size:15px;}
#why-choose .why-choose-details .why-choose-first{    margin: 18px 0 0; padding:0 0 24px 115px; background-size:90px !important;}
#why-choose .why-choose-img{ max-width:50%; margin:0 auto;}
#why-choose .why-choose-img img{ margin:0; width:100%;}
#products{ padding:40px 0;}
#products p.pro-hedng-pra{ font-size:15px; margin:0 auto 18px;}
#products .products-details{background-size: 26px;     padding-bottom: 5px;    padding-left: 34px;}
#products .products-details h3{ font-size:18px;}
#products .products-details p{ font-size:14px;}
#products a{ width:220px; padding:9px; font-size:20px; margin: 20px auto 0;}
#service{ padding:40px 0;}
#service p.servc-prgrf{font-size: 14px; margin-bottom:18px;}
#service .service-detail h3{ font-size:18px;}
#service .service-detail p{ line-height:normal; text-align:justify; font-size:14px;}
#service .service-detail{ padding:15px 0 0;}
.testimonial{ padding:40px 0;}
.testimonial p{ font-size:14px;}
.testimonial h3{ font-size:18px; margin-top:14px;}
.testimonial .carousel-inner{ margin-top:18px;}
.testimonial #quote-carousel{ margin-top:0;}
#our-clients{ padding:30px 0;}
#footer{ padding:30px 0 0;}
#footer ul li .input-group .form-control{ height:46px;}
#footer ul li .input-group .input-group-btn button{ font-size:20px;}
#footer ul li{ padding:10px 0;}
#footer .copy-right{ margin-top:35px;}
/*---------About-Us------------*/
#inner-banner{padding:25px 0;}
#inner-banner h2{font-size:36px;}
#about-details, #key-official{padding:30px 0;}
#about-details h2, #key-official h2{font-size:26px;}
#about-details p{font-size:14px; line-height:22px; padding-top:10px;}
#key-official .official-details{padding-top:20px;}
#key-official .official-details h3{font-size:17px; padding-bottom:5px;}
#key-official .official-details p{font-size:14px; }
/*---------Contact-Us------------*/
#contact-details{padding:40px 0;}
.contact-detl-left h2, .contact-form h2{font-size:26px;}
.contact-detl-left h3{font-size:18px;}
.contact-detl-left ul li{font-size:15px;}
#contact-details .contact-form{padding:20px 15px;}
.contact-form form .form-group{margin-bottom:12px;}
.contact-form form input{min-height:40px; font-size:14px;}
.contact-form form button{font-size:20px; padding:10px; width:160px;}
/*---------News------------*/
#news-details, #events-details{padding:30px 0;}
.news-detl-box .news-img-box, .events-detl-box .events-img-box{height:165px;}
.news-detl-box .news-detl{padding:15px;}
.news-detl-box .news-detl .news-date{text-align:left; border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
.news-detl-box .news-detl .news-date h2{font-size:50px; float:left; padding-right:15px;}
.news-detl-box .news-detl .news-date h4{font-size:18px; padding:7px 0 5px;}
.news-detl-box .news-detl .news-date h5, .news-detl-box .news-detl .post-details p{font-size:13px;}
.news-detl-box .news-detl .post-details h3{font-size:18px;}
.news-detl-box .news-detl .post-details a{font-size:16px;}
/*---------Events------------*/
#events-details{padding:30px 0;}
.events-detl-box .events-detl{padding:15px;}
.events-detl-box .events-detl h2{font-size:20px;}
.events-detl-box .events-detl h3{font-size:16px; background-size:20px; padding-left:25px;}
.events-detl-box .events-detl p{font-size:14px; margin:5px 0;}
.events-detl-box .events-detl a{font-size:15px;}

/*******0ur-clients********/
.fairchilds{ padding:25px 0;}
.fairchilds .semi h2{ font-size:20px; text-align:center;}
.fairchilds .semi p{ padding-top:10px; font-size:14px; line-height:21px; text-align:center;}
.fairchilds .semi img{ width:auto; padding: 10px 0;}
.operative{ padding:25px 0;}
.operative .society h2{ font-size:20px; text-align:center;}
.operative .society p{ font-size:14px; text-align:center;line-height: 21px;}
.operative .banks h3{ font-size:20px; padding:20px 0;}
.operative .banks ul li{ font-size:15px;padding: 5px 0;}
.operative .banks .sravya{ padding-top:60px;}
.operative .banks ul li i{ font-size:14px;}

/****products*****/
#inner-banner p{ font-size:14px;}
.expressweb{padding:25px 0;}
.expressweb .web h2{ font-size:20px; text-align:center;padding-bottom: 5px;}
.expressweb .web p{ padding-top:10px; font-size:13px; line-height:21px; text-align:center;}
.expressweb .web img{ width:auto; padding: 10px 0;}

/****services*****/
.banking{ padding:40px 0;}
.banking .offers p{ font-size:14px;}
.banking .offers h2{ font-size:25px;}
.banking .offers ul li{ font-size:14px; margin:11px 0;}

/****news-details*****/
.details{ padding:35px 0;}
#news-details .related h2{ padding-bottom:10px; font-size:30px;}

/*---------events-detalis------------*/  
#events-details .related h2{ font-size:30px;padding-bottom:10px;}

/*---------carrer------------*/  
.career{ padding:30px 0;}
.career .join h2{ font-size:30px;}
.career .clume-inner{ margin: 30px 0 5px; padding: 25px;}
.career .clume-inner p{ font-size:14px; line-height: 24px;}
.career .clume-inner .deal-btn{ margin-top:5px; padding: 8px 20px;}
}

@media (max-width:767px) {

/*******shamsher work 15-11-18********/
#logo-menu .navbar-default .navbar-brand{ padding:18px 6px 12px 15px;}
#logo-menu .navbar-brand > img{ width:160px;}
#logo-menu .navbar-toggle{ margin-top:17px; background:#e61c36; border:none; outline:none; }
#logo-menu .navbar-toggle:hover{ background:#646263;}
#logo-menu .navbar-default .navbar-toggle .icon-bar{ background:#fff;}
#logo-menu .navbar-default .navbar-collapse .navbar-nav{ float:none; margin:0;}
#logo-menu .navbar-default .navbar-nav > li{ padding:7px 15px;}
#logo-menu .navbar-default .navbar-nav > li a{ font-size:14px; padding:0;}
#top-banner{ padding:40px 0;height: 650px;}
#top-banner .banner-details h1{ font-size:24px;}
#top-banner .banner-details p{    line-height: normal; font-size:14px;    padding: 12px 0;}
#top-banner .banner-details a{ width:180px; font-size:18px; padding:8px;margin-top: 10px;}
#top-banner .rockeat-img{ margin-top:20px;}
#top-banner .rockeat-img img{ width:160px; }
#why-choose{ padding:30px 0;}
#why-choose .why-choose-details h2, #products h2, #service h2, .testimonial h2, #our-clients h2{ font-size:22px;}
#products h2, #service h2, #our-clients h2{ width:270px;}
#why-choose .why-choose-details h3{ font-size:18px;}
#why-choose .why-choose-details p{text-align: justify; font-size:14px;}
#why-choose .why-choose-details .why-choose-first{    margin: 18px 0 0; padding:0 0 5px 82px; background-size:70px !important;}
#why-choose .why-choose-img{ max-width:50%; margin:15px auto 0;}
#why-choose .why-choose-img img{ margin:0; width:100%;}
#products{ padding:30px 0;}
#products p.pro-hedng-pra{ font-size:15px; margin:0 auto 18px;}
#products .products-details{background-size: 26px;     padding-bottom: 5px;    padding-left: 34px;}
#products .products-details h3{ font-size:17px;}
#products .products-details p{ font-size:14px;}
#products a{ width:190px; padding:9px; font-size:18px; margin: 10px auto 0;}
#service{ padding:30px 0;}
#service p.servc-prgrf{font-size: 14px; margin-bottom:18px; width: 100%;}
#service .service-detail h3{ font-size:18px;}
#service .service-detail p{ line-height:normal;  font-size:14px;}
#service .service-detail{ padding:15px 0 0;}
.testimonial{ padding:30px 0 15px;}
.testimonial h2{ border-bottom:none; padding-bottom:0; width:100%;}
.testimonial .item blockquote .col-sm-2:before{ font-size:30px;}
.testimonial p{ font-size:13px;}
.testimonial h4{ font-size:14px;}
.testimonial .item blockquote{ padding:0;}
.testimonial h3{ font-size:18px; margin-top:14px;}
.testimonial .carousel-inner{ margin-top:18px;}
.testimonial #quote-carousel{ margin-top:0;}
.testimonial #quote-carousel .carousel-indicators .active{ width:90px; height:90px;}
#our-clients{ padding:25px 0;}
#footer{ padding:30px 0 0;}
#footer ul li .input-group{ width:80%;}
#footer ul li .input-group .form-control{ height:40px;}
#footer ul li .input-group .input-group-btn button{ font-size:17px;}
#footer ul li{ padding:7px 0;}
#footer ul li a{ font-size:15px;}
#footer ul li img{ width:200px;}
#footer .copy-right{ margin-top:35px;}
/*---------About-Us------------*/
#inner-banner{padding:25px 0;}
#inner-banner h2{font-size:26px;}
#about-details, #key-official{padding:30px 0;}
#about-details h2, #key-official h2{font-size:26px; width:100%;}
#about-details p{font-size:14px; line-height:22px; padding-top:10px;}
#about-details img{margin-top:15px;}
#key-official .official-details{padding-top:20px;}
#key-official .official-details h3{font-size:17px; padding-bottom:5px;}
#key-official .official-details p{font-size:14px; }
/*---------Contact-Us------------*/
#contact-details{padding:30px 0;}
.contact-detl-left h2, .contact-form h2{font-size:26px;}
.contact-detl-left h3{font-size:15px; margin:15px 0 5px;}
.contact-detl-left ul li{font-size:13px; background-size:17px; padding:7px 0 7px 27px;}
#contact-details .contact-form{padding:20px 15px;}
.contact-form form .form-group{margin-bottom:12px;}
.contact-form form input{min-height:40px; font-size:14px;}
.contact-form form button{font-size:16px; padding:10px; width:150px;}
/*---------News------------*/
#news-details, #events-details{padding:30px 0;}
.news-detl-box .news-img-box, .events-detl-box .events-img-box{min-height:130px; height:auto;}
.news-detl-box .news-detl, .events-detl-box .events-detl{padding:15px;}
.news-detl-box .news-detl .news-date{text-align:left; border-bottom:solid 1px #ddd; padding-bottom:10px; margin-bottom:10px;}
.news-detl-box .news-detl .news-date h2{font-size:50px; float:left; padding-right:15px;}
.news-detl-box .news-detl .news-date h4{font-size:18px; padding:7px 0 5px;}
.news-detl-box .news-detl .news-date h5, .news-detl-box .news-detl .post-details p{font-size:13px;}
.news-detl-box .news-detl .post-details h3{font-size:18px;}
.news-detl-box .news-detl .post-details a{font-size:16px;}
/*---------Events------------*/
.events-detl-box .events-detl h2{font-size:20px;}
.events-detl-box .events-detl h3{font-size:15px; background-size:16px; padding-left:20px; min-height:18px;}
.events-detl-box .events-detl p{font-size:14px; margin:5px 0;}
.events-detl-box .events-detl a{font-size:14px;}

/*******0ur-clients********/
.fairchilds{ padding:25px 0;}
.fairchilds .semi h2{ font-size:18px; text-align:center;}
.fairchilds .semi p{ padding-top:10px; font-size:13px; line-height:21px; text-align:center;}
.fairchilds .semi img{ width:auto; padding: 10px 0;}
.operative{ padding:25px 0;}
.operative .society h2{ font-size:20px; text-align:center;}
.operative .society p{ font-size:13px; text-align:center;line-height: 21px;}
.operative .banks h3{ font-size:16px; padding:15px 0; text-align:center;}
.operative .banks ul li{ font-size:12px;padding: 5px 0;}
.operative .banks .sravya{ padding-top:0;}
.operative .banks ul li i{ font-size:14px;}

/****products*****/
#inner-banner p{font-size:13px;}
.expressweb{padding:25px 0;}
.expressweb .web h2{ font-size:20px; text-align:center;padding-bottom: 5px;}
.expressweb .web p{ padding-top:10px; font-size:13px; line-height:21px; text-align:center;}
.expressweb .web img{ width:auto; padding: 10px 0;}

/****services*****/
.banking{ padding:25px 0;}
.banking .offers h2{ font-size:20px; text-align:center;}
.banking .offers p{ font-size:13px;padding: 10px 0; text-align:center; line-height:20px;}
.banking .offers img{padding-bottom: 20px;}
.banking .offers ul li{ font-size:14px; margin:10px 0;}

/****news-details*****/
.details{ padding:30px 0;}
.details .details-box h4{ padding:18px 0 5px;}
.details .details-box h2{padding: 10px 15px 5px 0;}
.details .details-box p{ padding:5px 0; font-size:14px;}
#news-details .related h2{ padding-bottom:10px; font-size:20px;}

/*---------events-detalis------------*/  
.details .details-box .events-detl h3{ font-size:18px; padding-top: 4px;}  
#events-details .related h2{ font-size:28px;padding-bottom: 5px;}

/*---------career------------*/  
.career{ padding:30px 0;}
.career .join h2{ font-size:23px;}
.career .join p{ padding:5px 0;}
.career .clume-inner{ margin:20px 0 10px; padding: 20px;}
.career .clume-inner .deal-btn{ padding:8px 20px;}
.career .clume-inner p{ font-size:14px;line-height: 24px; padding: 5px 0;}

.fos{ width:auto;}
.fos h2{ font-size:20px;}
.fos .form-control{ height: 32px;}
.fos .form-group{ margin-bottom:8px;}
}

@media (max-width: 320px) {

}

@media (max-width: 360px){
.testimonial .item blockquote .col-sm-2:before{ display:none;}
.testimonial #quote-carousel .carousel-indicators{top:220px !important; }
}

@media (max-width: 480px) {
#top-banner .rockeat-img img{ width:130px;}
#top-banner .banner-details p{ font-size:13px;}	
#top-banner .banner-details h1{ font-size:22px;}
#top-banner .banner-details a{ width:160px; padding:7px; font-size:17px;}
.testimonial{ padding:30px 0 40px;}	
.testimonial #quote-carousel .carousel-indicators{ top:auto;}
.testimonial #quote-carousel .carousel-indicators li{ width:30px; height:30px;}
.testimonial h4{ font-size:13px;}
.testimonial #quote-carousel .carousel-indicators{top:250px; width:80%;}
#footer ul li .input-group{ width:100%;}
#why-choose .why-choose-details h2, #products h2, #service h2, .testimonial h2, #our-clients h2{ font-size:20px;}
#footer ul li a{ font-size:14px;}
}
@media (min-width:300px) and (max-width:400px){

}