@charset "utf-8";
body,html{font-family:Gotham-Rounded-Light;color:#7D8792}
#banner-top{position:absolute;color:#fff;left:0;right:0;padding:70px 0;z-index:99}
.white{color:#fff}

#banner{position: relative; background: #1E75BA;}
#banner:after{content:""; position: absolute; top:0; left:0; right: 0; bottom:0; background: rgba(0,0,0,.1);}
#banner h1{font-weight:lighter; color:#fff; font-size: 2.2em; margin-top: 250px; margin-bottom: 20px;}
#banner h2{vertical-align:middle;}

#banner.international{color:#fff;}
#banner.international h1{margin-top: 0;}
#banner.international .subHd{margin-top: 20px;}

.cd-headline{font-size:2rem; margin: 40px 0;}
.cd-words-wrapper{width:198px;}

.tbl-td p{font-size:25px;color:#fff}
.witBgTxt{color:#fff}
#happilyOnBoard .three,.price-btn,.roundedMedium{font-family:Gotham-Rounded-Medium}
.is-visible{font-family:Gotham-Rounded-Light}
.cd-headline span{color:#fff}
.banner-btn .two{color:#A5A4A4}
#happilyOnBoard{color:#404054}
#happilyOnBoard .one{font-size:32px}
#LtblueLabel{background:#003d63;color:#fff;padding:100px 0;text-align:center}
#LtblueLabel h3{font-size:32px;font-weight:lighter;font-family:Gotham-Rounded-Light;margin-bottom:60px}
#LtblueLabel h3 span{font-family:Gotham-Rounded-Medium;text-transform:uppercase; margin:0}
#LtblueLabel .h4wrap{position:absolute;width:100%;height:100%;z-index:2}
#LtblueLabel .h4wrap .int{display:table;width:100%;height:100%}
#LtblueLabel h4{display:table-cell;vertical-align:middle;font-size:1.8em;font-weight:lighter}
#LtblueLabel h4 a{color:#fff}
#LtblueLabel h4 a:hover{text-shadow:0 0 20px #80FFCC}
#LtblueLabel h4 span{font-family:Gotham-Rounded-Medium;text-transform:uppercase}
#LtblueLabel figure{position:relative;z-index:1}
#LtblueLabel figure img{max-width:100%}
.gr2{display:none; margin:60px auto 0;}
#whiteLabel{background:#fff}
#homeclients .col{width:25%;float:left;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;padding:30px 0}
#homeclients .row:last-child .col{border-bottom:0}
#homeclients .col:last-child{border-right:0 none}
#happilyOnBoard #homeclients .row{overflow:hidden;padding-top:0}
#homeclients .one{font-size:24px;font-family:Gotham-Rounded-Medium;text-align:center;margin:0 0 80px}
#homeclients .one:nth-child(n+2){margin-top:100px}
.feedback{padding:20px 0 100px}

.ui-menu{text-align:left}
.row-content{display:table}


.cd-words-wrapper{display:inline-block;position:relative;text-align:left;}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0;font-weight:400}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-headline.slide span{display:inline-block;padding:3px 0}
.cd-headline.slide span.cd-words-wrapper{padding:3px 10px!important}
.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top}
.cd-headline.slide b{opacity:0;top:.2em}
.cd-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in .6s;-moz-animation:slide-in .6s;animation:slide-in .6s}
.cd-headline.slide b.is-hidden{-webkit-animation:slide-out .6s;-moz-animation:slide-out .6s;animation:slide-out .6s}

/*css for badge*/
.badge{position:fixed; left:-308px; top:40%; padding:40px 5px 40px 20px; border-radius:0 2px 2px 0; cursor:pointer; display:none; vertical-align: middle; background:#0670b8; color:#fff; font-size:18px; z-index: 999; box-shadow:0 1px 2px rgba(0,0,0,.3);}
.badge .badgeTxt{padding-right:20px; width:250px;}
.badge img{float:right}
.badge b{font-family:Gotham-Rounded-Medium;}
.resbadge{background:#0670b8; padding:5px 5px 0; display:none; position:fixed; top:90px; z-index:998; border-radius:0 2px 2px 0;}
.resbadge img{height:40px;}
.bgTbl .td{display:table-cell; vertical-align: middle;}


@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes slide-in{0%{opacity:0;-moz-transform:translateY(-100%)}
60%{opacity:1;-moz-transform:translateY(20%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%)}
}
@-moz-keyframes slide-out{0%{opacity:1;-moz-transform:translateY(0)}
60%{opacity:0;-moz-transform:translateY(120%)}
100%{opacity:0;-moz-transform:translateY(100%)}
}
@keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
}

#apis, #social{padding: 30px 0; text-align: center; background: #eee;}
#apis i, #social i{line-height: inherit; margin: 0 30px; color: #c0c0c0; font-size: 40px;}
#apis i:hover, #social i:hover{color:#999;}
#apis .mh-RobustAPI2:hover{color:#c0c0c0;}



.ftad{color:#fff; font-size: 24px; height: 300px; display: block; position: relative;}
.ftad:after{
  content: "";
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;    
  background: rgba(0,0,0,0);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

#featureAdvt{position: relative;}
#featureAdvt .grid{min-height: 300px; overflow: hidden;}
.ftad:hover:after{background:transparent;}
.ftad .inner{display: table; width: 100%;}
.ftad .cell{display: table-cell; vertical-align: middle; height: 300px; text-align: center; width: 100%;}
.ftad .cell p{margin-top: 40px; font-size: 18px; line-height: 28px;}

#robustApi{background: #f39c12;}
#magento{background: #ef672f url(../images/magento.jpg) no-repeat center center; background-size: cover;}
#magentoInner{color:#000; padding-left:300px; }
#magentoInner h3{font-family: Gotham-Rounded-medium; font-size: 20px;}
#smSheetInner p{margin-bottom: 20px;}
#smSheetInner strong{font-weight: bold; font-family: Gotham-Rounded-medium;}
#magento .cell p{margin-top: 5px;}
#magento .mh-megento{color:#EF444F; font-size: 80px;}
#sendOtp{background: #1E75BA;}
#automation{background: #34495e;}
#smSheet{background: #0BA55C url(../images/Sheet-BG.jpg) center center;}
#excelPlugin{background: #1D7044;}
#blog{background: #E0AD02}
#blog .mh-rss span{font-family: Gotham-Rounded-medium;}
#blog span.date{font-size: 13px;}

#clients-testimonials{position: relative;}
#clients-testimonials:after{content:""; position: absolute; top:0; left:0; right: 0; bottom:0; background: rgba(0,0,0,.2);}
#clients-testimonials .grid{text-align: center; height: 200px;}
#clients-testimonials .grid.quote{background: #fff !important;}
#clients-testimonials i{line-height: 200px;}


i{font-size: 48px; color:#eee; !important;}

.img{background: #B4D333;}
.img i{font-size: 70px;}
.axis{background: #A50032;}
.barista{background: #670106;}
.biglife{background:url(../images/biglife.jpg);}
.biglife i{color:#fff; font-size: 70px;}
.carma{background: #F60;}
.careongo{background: #25A8E0;}
.cbazar{background: #f90881;}
.cbazar i{font-size: 40px;}
.coalindia{background: #333;}
.coalindia i{color:#fff; font-size: 70px;}
.intiut{background: #3861BC;}
.intiut i{font-size: 38px;}
.makemytrip{background: #2E3191;}
.ipay{background: #F59738;}
.ipay i{font-size: 70px;}
.isro{background: #0089D0;}
.isro i{font-size: 70px;}
.ixigo{background:url(../images/ixigo.jpg) center center;}
.jubilent{background: #8EC558;}
.jubilent i{font-size: 70px;}
.ladoo{background: #F0C32D;}
.ladoo i{font-size: 38px;}
.mahaonline{background: #EC960E;}
.mp{background: #333;}
.mp i{font-size: 32px;}
.ntpc{background: #0067AC;}
.pnbmetlife{background: #9F1B33;}
.pnbmetlife i{font-size: 32px;}
.policybazar{background: #005387;}
.policybazar i{font-size: 32px;}
.punjab{background: #A10E37;}
.punjab i{font-size: 32px;}
.starunion{background: #EF4B37;}


.quote .inner{padding:30px 50px;}
.quote .txt{font-size: 2em; margin: 40px 0; color: #333; padding-left:40px; position: relative; text-align: left;}
.quote .txt::before{content:""; background: url(../images/svg/quote-mark.svg); background-size: 100%; width: 32px; height: 32px; position: absolute; left:0;}
.byWrp{float:right;}
.by{float: left; text-align: right; padding: 0 15px;}
.name{color:#333; font-size: 22px; }
.designation{}
.brand{float: left; padding: 0 15px; border-left: 1px solid #ccc; font-size: 40px;}

#quote{position: relative; z-index: 99; height: 400px;}

/*icons*/
@font-face {
    font-family: 'mh';
    src:    url('fonts/mh.eot?fnq2e1');
    src:    url('fonts/mh.eot?fnq2e1#iefix') format('embedded-opentype'),
        url('fonts/mh.ttf?fnq2e1') format('truetype'),
        url('fonts/mh.woff?fnq2e1') format('woff'),
        url('fonts/mh.svg?fnq2e1#mh') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="mh-"], [class*=" mh-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mh' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mh-rss:before {
    content: "\e937";
}
.mh-RobustAPI:before {
    content: "\e938";
}
.mh-RobustAPI2:before {
    content: "\e939";
}
.mh-apple:before {
    content: "\e936";
}
.mh-linkedin:before {
    content: "\e932";
}
.mh-twitter:before {
    content: "\e933";
}
.mh-google-plus:before {
    content: "\e934";
}
.mh-facebook:before {
    content: "\e935";
}
.mh-addon:before {
    content: "\e90a";
}
.mh-addons-ol:before {
    content: "\e921";
}
.mh-API:before {
    content: "\e922";
}
.mh-automation:before {
    content: "\e923";
}
.mh-covrage:before {
    content: "\e924";
}
.mh-excel:before {
    content: "\e925";
}
.mh-lgorithm:before {
    content: "\e926";
}
.mh-megento:before {
    content: "\e927";
}
.mh-pricing:before {
    content: "\e928";
}
.mh-robust-infra:before {
    content: "\e929";
}
.mh-robust-infra-ol:before {
    content: "\e92a";
}
.mh-secure:before {
    content: "\e92b";
}
.mh-sendotp:before {
    content: "\e92c";
}
.mh-server:before {
    content: "\e92d";
}
.mh-smsheet:before {
    content: "\e92e";
}
.mh-support:before {
    content: "\e92f";
}
.mh-tracking:before {
    content: "\e930";
}
.mh-windows:before {
    content: "\e900";
}
.mh-img:before {
    content: "\e901";
}
.mh-make-my-trip:before {
    content: "\e931";
}
.mh-axisbank:before {
    content: "\e902";
}
.mh-barista:before {
    content: "\e903";
}
.mh-biglife:before {
    content: "\e904";
}
.mh-careongo:before {
    content: "\e906";
}
.mh-cbazar:before {
    content: "\e907";
}
.mh-coalindia:before {
    content: "\e908";
}
.mh-intiut:before {
    content: "\e909";
}
.mh-ipay:before {
    content: "\e90b";
}
.mh-isro:before {
    content: "\e90c";
}
.mh-ixigo:before {
    content: "\e90d";
}
.mh-jubilent:before {
    content: "\e90e";
}
.mh-ladoo:before {
    content: "\e90f";
}
.mh-mahaonline:before {
    content: "\e910";
}
.mh-mp:before {
    content: "\e911";
}
.mh-ntpc:before {
    content: "\e912";
}
.mh-pnbmetlife:before {
    content: "\e913";
}
.mh-policybazar:before {
    content: "\e914";
}
.mh-punjab:before {
    content: "\e915";
}
.mh-shangicement:before {
    content: "\e916";
}
.mh-starunion:before {
    content: "\e917";
}
.mh-studymetro:before {
    content: "\e918";
}
.mh-tradeindia:before {
    content: "\e919";
}
.mh-android:before {
    content: "\e91a";
}
.mh-dotnet:before {
    content: "\e91b";
}
.mh-ios:before {
    content: "\e91c";
}
.mh-java:before {
    content: "\e91d";
}
.mh-nodejs:before {
    content: "\e91e";
}
.mh-php:before {
    content: "\e91f";
}
.mh-python:before {
    content: "\e920";
}
.mh-carma:before {
    content: "\e905";
}

#features{padding: 100px 0; background: #222E40;}
#features .list{padding: 0 80px;}
#features .item{display: table; padding: 20px 0; border-bottom: 1px solid #19222F;}
#features .item:last-child{border-bottom: none;}
#features .item .ic,
#features .item .hd,
#features .item .tx{color:#909090; padding:0 20px; display: table-cell; vertical-align: middle;}

#features .item .ic{width: 100px;}
#features .item .ic i{color:#999; width: 150px; font-size: 32px;}
#features .item .hd{font-family:Gotham-Rounded-medium; width: 200px;}
#features .item .tx{}

#video{z-index: 99; position: relative; background: #ccc;}
#video .tbl{display: table;}
#video .cell{display: table-cell; vertical-align: middle; padding: 80px; position: relative;}
#video .cell:first-child:after{
  content: "";
  width: 0;
	height: 0;
  position: absolute;
  top:50%;
  margin-top: -25px;
  right: -25px;  
	border-top: 25px solid transparent;
	border-left: 25px solid rgba(3,59,97,1);
	border-bottom: 25px solid transparent;
}
#video .video{width:700px; height:394px;}
#video h2{font-size: 32px;}
#video iframe{box-shadow:  0 0 5px rgba(0,0,0,.3); width: 100%; height: 100%;}

summary{cursor: pointer;}
iframe{border: 0;}

#partners .ic{
  height: 180px; 
  width: 180px; 
  background-repeat: no-repeat; 
  background-image:url(../images/partnership_sprite.png); 
  display: block;
  margin: auto;
}
      
.ic-leadSquared{background-position: 0 0;}
.ic-zenCommerce{background-position: -180px 0;}
.ic-kse{background-position: -360px 0;}
.ic-moduleBazar{background-position: -540px 0;}

.ic-webTiger{background-position: 0 -180px;}
.ic-twistMobile{background-position: -180px -180px;}
.ic-tally{background-position: -360px -180px;}
.ic-salesForce{background-position: -540px -180px;}

.ic-myMo{background-position: 0 -360px;}
.ic-zipBooks{background-position: -180px -360px;}
.ic-csCart{background-position: -360px -360px;}
.ic-b2b{background-position: -540px -360px;}

.ic-softwareSuggest{background-position: 0 -540px;}
.ic-systematix{background-position: -180px -540px;}
.ic-twikster{background-position: -360px -540px;}

#partners{
  overflow: hidden;
  position: relative;
}
#partners .wrpAll{width: 5000px; position: relative;}
#partners .wrpAll:after{content:""; display: table; clear: both;}
#partners a{display: block; float: left; margin-top: 60px;}
#partners p{display: none;padding:0 20px; text-align: center;}
#partners .lbl{font-size: 12px; text-align: center; margin-top: 15px; position: absolute; width: 100%; top:10px;}
header {
    height: 110px;
}

.tollfree span {
    color: #444444;
    font-weight: 600;
}
.alC > a {
    color: #105c98;
}

@media (max-width: 320px) {
  #banner{height: 250px !important;}
  #banner img{display: none;}
  #banner{background: #1E75BA;}
  .mainCnt #banner h1{margin-top: 0; margin-bottom: 10px; font-size: 1.2em; line-height: 24px;}
  .btn-large{font-size: .8em; padding:7px 10px; line-height: 10px}
  #banner .banner-content .tbl-td{width: 100%;} 
  #partners a{margin-top: 30px;}
  #apis, #social{padding:10px 0;}
  #apis a{padding:10px 0; display: inline-block;}
  #apis i{margin: 0; font-size: 16px;}
  #magentoInner{padding-left: 180px;}
  #smSheetInner img{width:100%;}
  #clients-testimonials .grid{height: 100px;}
  #clients-testimonials .grid i{font-size: 20px; line-height: 100px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 12px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 10px;}
  #clients-testimonials .grid i.mh-isro{font-size: 30px;}
  .quote .inner{padding:0 30px;}
  .quote .txt{font-size: 1.2em; margin: 50px 0 30px 0;}
  .by{padding-left:40px; text-align: left;}
  .brand{font-size:2em; border-left: none; padding-left: 40px; text-align: left; margin-top: 10px;}
  #features h2{padding: 0 40px;}  
  #features .list{padding: 0 40px;}  
  #features .item .ic, #features .item .hd, #features .item .tx{display: block; text-align: center; width: inherit;}
  #features .item .hd{margin-bottom: 20px;}
  #video .cell{display: block; padding: 30px; width: 100% !important;}
  #video .video{width: 100%; height: auto;}
  #video h2{font-size: 24px;}
  #video .cell:first-child:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top:inherit;
    margin-left: -25px;
    right: -25px;
    bottom:-40px;
    border-top: 25px solid rgba(3,59,97,1);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
}

@media (min-width: 321px) and (max-width: 400px){
  #banner{height: 250px !important;}
  #banner img{display: none;}
  #banner{background: #1E75BA;} 
  .mainCnt #banner h1{margin-top: 0; margin-bottom: 10px; font-size: 1.2em; line-height: 24px;}
  .btn-large{font-size: .8em; padding:7px 10px; line-height: 10px}
  #banner .banner-content .tbl-td{width: 100%;} 
  #partners a{margin-top: 40px;}
  #apis, #social{padding:10px 0;}
  #apis a{padding:10px 0; display: inline-block;}
  #apis i{margin: 0; font-size: 20px;}
  #magentoInner{padding-left: 180px;}
  #smSheetInner img{width:100%;}
  #clients-testimonials .grid{height: 100px;}
  #clients-testimonials .grid i{font-size: 20px; line-height: 100px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 15px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 12px;}
  #clients-testimonials .grid i.mh-isro{font-size: 30px;}
  .quote .inner{padding:0 30px;}
  .quote .txt{font-size: 1.2em; margin: 50px 0 30px 0;}
  .by{padding-left:40px; text-align: left;}
  .brand{font-size:2em; border-left: none; padding-left: 40px; text-align: left; margin-top: 10px;}
  #features h2{padding: 0 40px;}  
  #features .list{padding: 0 40px;}  
  #features .item .ic, #features .item .hd, #features .item .tx{display: block; text-align: center; width: inherit;}
  #features .item .hd{margin-bottom: 20px;}
  #video .cell{display: block; padding: 30px; width: 100% !important;}
  #video .video{width: 100%; height: auto;}
  #video h2{font-size: 24px;}
  #video .cell:first-child:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top:inherit;
    margin-left: -25px;
    right: -25px;
    bottom:-40px;
    border-top: 25px solid rgba(3,59,97,1);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
}

@media (min-width: 401px) and (max-width: 600px) {  
  #banner{background: #1E75BA; height: 250px !important;}
  #banner img{display: none;}
  .mainCnt #banner h1{margin-top: 0; margin-bottom: 10px; font-size: 1.2em; line-height: 24px;}
  .btn-large{font-size: .8em; padding:7px 10px; line-height: 10px}
  #banner .banner-content .tbl-td{width: 100%;} 
  #apis a{padding:3px; display: inline-block;}
  #apis i{margin: 0; font-size: 20px;}
  #partners a{margin-top: 40px;}
  #magentoInner{padding-left:240px;}
  #smSheetInner img{width:100%;}
  #clients-testimonials .grid{height: 80px;}
  #clients-testimonials .grid i{font-size: 20px; line-height: 80px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 15px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 12px;}
  #clients-testimonials .grid i.mh-isro{font-size: 40px;}
  .quote .inner{padding:0 30px;}
  .quote .txt{font-size: 1.2em; margin: 50px 0 30px 0;}
  .by{padding-left:40px; text-align: left;}
  .brand{font-size:2em; border-left: none; padding-left: 40px; text-align: left; margin-top: 10px;}
  #features .list{padding: 0 40px;}  
  #features .item .ic, #features .item .hd, #features .item .tx{display: block; text-align: center; width: inherit;}
  #features .item .hd{margin-bottom: 20px;}
  #clients-testimonials i{font-size: 32px;}
  #clients-testimonials .punjab i{font-size: 25px;}
  
  #video .cell{display: block; padding: 30px; width: 100% !important;}
  #video .video{width: 100%;}
  #video .cell:first-child:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top:inherit;
    margin-left: -25px;
    right: -25px;
    bottom:-40px;
    border-top: 25px solid rgba(3,59,97,1);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
  
}

@media (min-width: 500px) and (max-width: 600px) {
  #magentoInner{padding-left:inherit;}
}

@media (min-width: 601px) and (max-width: 768px) {
  #banner{background: #1E75BA; height: 278px !important;} 
  #banner img{max-width: inherit; height: 100%; width: inherit;}
  .mainCnt #banner h1{margin-top: 160px; margin-bottom: 10px; font-size: 1.2em; line-height: 24px;}
  .btn-large{font-size: .8em; padding:7px 10px; line-height: 10px}
  #banner .banner-content .tbl-td{width: 100%;} 
  #apis a{padding:3px; display: inline-block;}
  #apis i{margin: 0; font-size: 30px;}  
  #magentoInner{padding-left:170px;}
  #smSheetInner img{width:100%;}
  #clients-testimonials .grid{height: 150px;}
  #clients-testimonials .grid i{font-size: 40px; line-height: 150px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 26px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 20px;}
  #clients-testimonials .grid i.mh-isro{font-size: 60px;}
  .quote .inner{padding:0 50px;}
  .quote .txt{font-size: 1.8em; margin: 50px 0 30px 0;}
  .by{padding-left:40px; text-align: left;}
  .brand{font-size:2em; padding-left: 15px; text-align: left; margin-top: 10px;}
  #features .item{display: block;}
  #features .list{padding: 0 40px;}  
  #features .item .ic, #features .item .hd, #features .item .tx{display: block; text-align: center; width: inherit;}
  #features .item .hd{margin-bottom: 20px;}
  #clients-testimonials i{font-size: 32px;}
  #clients-testimonials .punjab i{font-size: 25px;}
  
  #video .cell{display: block; padding: 30px; width: 100% !important;}
  #video .video{width: 100%;}
  #video .cell:first-child:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top:inherit;
    margin-left: -25px;
    right: -25px;
    bottom:-40px;
    border-top: 25px solid rgba(3,59,97,1);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .mainCnt #banner h1{margin-top: 180px; margin-bottom: 10px; font-size: 2em; line-height: 28px;}
  .btn-large{font-size: 1em; padding:10px 16px; line-height: 10px}
  #apis a{padding:0 10px; display: inline-block;}
  #apis i{margin: 0; font-size: 30px;}
  #magentoInner{padding-left: 200px;}
  #clients-testimonials .grid{height: 150px;}
  #clients-testimonials .grid i{font-size: 30px; line-height: 150px;}
  #clients-testimonials .grid i.mh-biglife{font-size: 50px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 22px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 18px;}
  #clients-testimonials .grid i.mh-isro{font-size: 60px;}
  .quote .inner{padding: 30px;}
  .quote .txt{font-size: 1.4em; margin: 25px 0;}
  .name{font-size: 18px;}
  .brand{font-size: 24px;}  
  .designation{font-size: 12px;}
  #video .cell{padding: 60px;}
  #video .video{width: 430px; height: 240px;}       
}

@media (min-width: 1025px) and (max-width: 1680px) {
  .mainCnt #banner h1{margin-top: 180px; Xmargin-bottom: 10px; Xfont-size: 2em; Xline-height: 28px;}
  .mainCnt #banner.international h1{margin-top: 0;}
  .btn-large{font-size: 1em; padding:10px 16px; line-height: 10px}
  #apis a{padding:0 10px; display: inline-block;}
  #apis i{margin: 0; font-size: 30px;}
  #magentoInner{padding-left: 200px;}
  #clients-testimonials .grid{height: 150px;}
  #clients-testimonials .grid i{font-size: 30px; line-height: 150px;}
  #clients-testimonials .grid i.mh-biglife{font-size: 50px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 22px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 18px;}
  #clients-testimonials .grid i.mh-isro{font-size: 60px;}
  .quote .inner{padding: 30px;}
  .quote .txt{font-size: 1.4em; margin: 25px 0;}
  .name{font-size: 18px;}
  .brand{font-size: 24px;}  
  .designation{font-size: 12px;}
  #video .cell{padding: 60px;}
  #video .video{width: 600px; height: 338px;}
}

@media (min-width: 1681px) {
  .quote .txt{font-size: 1.8em;}
  #clients-testimonials .grid{height: 180px;}
  #clients-testimonials .grid i{font-size: 40px; line-height: 180px;}
  #clients-testimonials .grid i.mh-biglife{font-size: 50px;}
  #clients-testimonials .grid i.mh-ladoo,
  #clients-testimonials .grid i.mh-mp,
  #clients-testimonials .grid i.mh-pnbmetlife,
  #clients-testimonials .grid i.mh-policybazar
  {font-size: 25px;}
  #clients-testimonials .grid i.mh-punjab{font-size: 22px;}
  #clients-testimonials .grid i.mh-isro{font-size: 60px;}
}