.home_banner_delivering{ background-color: transparent !important; }
.home_banner_mob_app{ background-color: transparent !important; }
.board { margin: -142px auto; } 
.board > div.board-inner {background-image:url(../images/tab_bg.png); background-position:left ; background-repeat:no-repeat; height:102px; padding:0px !important;  background-position:0px; }
/*.board > div.board-inner {background-color: rgba(0,0,0,0.3) !important; height:102px; padding:0px !important; }
.board > div.board-inner { height:102px; padding:0px !important; background-image:url(../images/tab_bg.png); background-position:left; background-repeat:no-repeat }*/

.board p.narrow {  width: 60%;  margin: 10px auto;}
.board .nav-tabs {position: relative;/* border-bottom: 0; */width: 59%; margin: 40px auto 0;}
.board .nav-tabs > li { margin:0px;} /*width:100%;*/
.board .nav-tabs > li a { height: 102px; margin: 0px auto; border: none; padding: 0;}/*width:220px;*/
.board .nav-tabs > li a:hover { background: transparent;}
.board .nav-tabs > li.active > a,
.board .nav-tabs > li.active > a:hover,
.board .nav-tabs > li.active > a:focus { color: #ff00 !important; cursor: default; background: none !important; border-width: 0px !important; border-bottom-color: transparent;}
.board .nav-tabs > li.active span.round-tabs.one {background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.two { background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.three{background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.four{background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.five{background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.six {background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.seven {background-color:#1c194d}

/*.board .nav-tabs > li.active span.round-tabs.one {background-color:#0188ae}
.board .nav-tabs > li.active span.round-tabs.two { background-color:#0d5295}
.board .nav-tabs > li.active span.round-tabs.three{background-color:#1c194d}
.board .nav-tabs > li.active span.round-tabs.four{background-color:#e58a08}
.board .nav-tabs > li.active span.round-tabs.five{background-color:#456cba}
.board .nav-tabs > li.active span.round-tabs.six {background-color:#0188ae}
.board .nav-tabs > li.active span.round-tabs.seven {background-color:#04224f}*/

.nav-tabs1 {position: relative;/* border-bottom: 0; */width: 100%; margin: 40px auto 0;}
.nav-tabs1 > li { width:100%; margin:0px; }
.nav-tabs1 > li a { margin: 0px auto; border: none; padding:5px 10px; color: #fff !important; float:left; text-align:center}
.nav-tabs1 > li a:hover { background: transparent; }
.nav-tabs1 > li.active > a,
.nav-tabs1 > li.active > a:hover,
.nav-tabs1 > li.active > a:focus { color: #fff !important; background-color:#ff6100 !important; padding:5px 10px; cursor: default; border-width: 0px !important; border-bottom-color: transparent; position: relative;}
.nav-tabs1 > li.active > a:focus:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 97, 0, 0); border-top-color: #ff6100; border-width: 10px; margin-left: -10px;}
.nav-tabs1 > li.active span.round-tabs.one {background-color:#0188ae}
.nav-tabs1 > li.active span.round-tabs.two { background-color:#0d5295}
.nav-tabs1 > li.active span.round-tabs.three{background-color:#1c194d}
.nav-tabs1 > li:after { content: " "; position: absolute; left: 45%; opacity: 0;margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #ddd; transition: 0.1s ease-in-out;}
.nav-tabs1 > li i { font-style:inherit !important; font-family: 'Open Sans', sans-serif; padding-top:10px;  }
.nav-tabs1 > li i img { margin-top:14px;}.
.nav-tabs1 > li i dd { font-size:12px; color:#FFF !important; font-family: 'Open Sans', sans-serif; letter-spacing:1px;  }

/*.nav-tabs { text-align:center; height:52px;}
.nav-tabs > li { display: inline-block; float: none; margin:0; vertical-align: top;}
.nav-tabs > li > a { line-height: 1.42857143; border-radius:0; float:left;    text-transform:uppercase; margin:15px 32px; outline:none; letter-spacing:2px; font-size: 11px; font-weight: 600; border-bottom: 1px solid transparent;}
.nav-tabs > li > a:hover { border-bottom: 1px solid #000; vertical-align: top; color: #000;}
.nav-tabs > li.active { height: auto; vertical-align: top;}
.nav-tabs > li.active > a{  cursor: default;  border-bottom: 1px solid #000; color: #000;}
.nav-tabs.nav-justified { width: 100%; border-bottom: 0;}
.nav-tabs.nav-justified > li { float: none;}
.nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;}*/

/*.board .nav-tabs > li.active:after { content: " "; position: absolute; left: 45%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #ff0000;}*/
.board .nav-tabs > li:after { content: " "; position: absolute; left: 45%; opacity: 0;margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #ddd; transition: 0.1s ease-in-out;}
.tab-content{ height:603px; margin-top:32px; background-color:#09040c}
.board .tab-content .tab-pane { position: relative; padding-top: 50px;}
.board .tab-content .tab-pane .head { font-family: 'Open Sans', sans-serif;  font-size: 12px; text-transform: uppercase; padding-bottom: 10px; color:#FFF }
.board:after { position: absolute; bottom: 0; width: 0; height: 0; border-top: 20px solid #000; border-right: 20px solid #000; border-bottom: 20px solid transparent; border-left: 20px solid transparent;}
span.round-tabs { height: 102px; display: inline-block;  z-index: 2; left: 0; text-align: center; font-size: 25px; border-width: 2px; border-style: solid; border-color: transparent;}
/*span.round-tabs { height: 102px; display: inline-block;  z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; border-width: 2px; border-style: solid; border-color: transparent;}*/
span.round-tabs.three { border-color:0px; background-color: rgb(0,0,0,0); width: 159px ; border-left: 1px solid #2f4880;}
span.round-tabs.four { border-color:0px; background-color: rgb(0,0,0,0); width: 178px ; border-left: 1px solid #2f4880;}
span.round-tabs.five { border-color:0px; background-color: rgb(0,0,0,0); width: 120px ; border-left: 1px solid #2f4880; }
span.round-tabs.six { background-color: rgb(0,0,0,0); width: 213px ; border-left: 1px solid #2f4880; border-right:1px solid #2f4880;  }

/*span.round-tabs.one { border-color:0px; background-color: rgb(0,0,0,0); width: 213px !important;}
span.round-tabs.two { border-color:0px; background-color: rgb(0,0,0,0); width: 213px !important;}
span.round-tabs.seven {border-color:0px; background-color: rgb(0,0,0,0); }*/

.board .nav-tabs > li i { font-style:inherit !important; font-family: 'Open Sans', sans-serif; padding-top:10px;  }
.board .nav-tabs > li i img { margin-top:14px;}
.board .nav-tabs > li i dd { font-size:12px; color:#FFF !important; font-family: 'Open Sans', sans-serif; letter-spacing:1px;  }

.industries_img{margin-top:-110px;}
.tabicon_mobile{ margin-bottom:8px;}
.tabicon_web{margin-bottom:8px;}
.tabicon_cart{margin-bottom:8px;}
.tabicon_enterprise{ margin-bottom:8px;}
.tabicon_team{margin-bottom:8px;}
.tabicon_industries{ margin-bottom:8px;}

.home_bimg1{ margin-top:60px;}
.home_bimg3{ margin-top:50px;}
.home_bimg3{ margin-top:50px;}

.hb_s1_blue_strip { background-color:rgba(27, 20, 139, 0.5); color:#78e1ff !important; margin-top:5%; padding:10px 10px 10px 20px;}
.hb_s1_blue_strip span { color:#78e1ff !important; font-weight: 600 !important; font-size:20px; line-height:30px;display:inline-block;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
span.round-tabs{ width:100%; height: 60px;}
.board .nav-tabs{ width:100%; }
.board .nav-tabs > li i img { margin-top:14px; margin-bottom:15px; width: auto; }
.board .nav-tabs > li a { height: 60px; margin: 0px auto; border: none; padding: 0; float:left; display:inline-block}
.board .nav-tabs > li i dd { display:none !important}
.board > div.board-inner{ height:60PX;}
.board{margin: -101px auto;}
.tab-content{ height:auto; margin-bottom:61px;} /*height:800px;*/
.industries_img{margin-top:0px;}
.nav-tabs1 > li.active > a:focus:after {border-width: 0px; margin-left: 0px;}

.tabicon_mobile{ width:32px !important; margin-bottom:8px;}
.tabicon_web{width:32px !important; margin-bottom:8px;}
.tabicon_cart{width:32px !important; margin-bottom:8px;}
.tabicon_enterprise{}
.tabicon_team{ margin-bottom:8px;}
.tabicon_industries{ width:32px !important; margin-bottom:8px;}
span.round-tabs.three, span.round-tabs.four, span.round-tabs.five, span.round-tabs.six  {width:100px ; }

.hb_s1_blue_strip { margin-top:0%; padding:10px 10px 10px 20px;}
.hb_s1_blue_strip span {font-weight: 700 !important; font-size:14px; line-height:26px;display:inline-block;}
}
@media only screen and (min-width: 320px) and (max-width: 380px) {
.tab-content{ height:auto; margin-bottom:61px;} /*height:750px;*/
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
span.round-tabs.three, span.round-tabs.four, span.round-tabs.five, span.round-tabs.six  {width:78px ; }
span.round-tabs.three { border-left: 0px solid #2f4880;}
span.round-tabs.six { border-right:0px solid #2f4880;}
}

@media only screen and (min-width:700px) and (max-width: 767px) {
.home_bimg1{ margin-top:10px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.board > div.board-inner {height:102px; }
span.round-tabs{ width:100%; height: 102px;}
.board .nav-tabs{ width:100%; margin:0;}

.board .nav-tabs > li a { height: 102px; margin: 0px auto; border: none; padding: 0; float:left;}
.board .nav-tabs > li i dd { }
.board > div.board-inner{ height:102PX;}
.board{margin: -101px auto;}

}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.board .nav-tabs{ width:100%; }
}
@media only screen and (min-width: 1201px) and (max-width: 1460px) {
	.board .nav-tabs{ width:76%; }
}