.board { margin: -141px auto; } 
.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: 66%; margin: 40px auto 0;}
.board .nav-tabs > li { width:100%; margin:0px;}
.board .nav-tabs > li a { width: 220px; height: 102px; margin: 0px auto; border: none; padding: 0;}
.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:#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:#039}
.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; position: absolute; left: 0; text-align: center; font-size: 25px; border-width: 2px; border-style: solid; border-color: transparent;}
span.round-tabs.one { border-color:0px; background-color: rgb(0,0,0,0); width: 213px;}
span.round-tabs.two { border-color:0px; background-color: rgb(0,0,0,0); width: 213px;}
span.round-tabs.three { border-color:0px; background-color: rgb(0,0,0,0); width: 178px;}
span.round-tabs.four { border-color:0px; background-color: rgb(0,0,0,0); width: 178px;}
span.round-tabs.five {border-color:0px; background-color: rgb(0,0,0,0); width: 125px; }
span.round-tabs.six {border-color:0px; background-color: rgb(0,0,0,0); }
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;}

@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: 46px; }
.board .nav-tabs > li a { width: 16%; height: 60px; margin: 0px auto; border: none; padding: 0; float:left;}
.board .nav-tabs > li i dd { display:none !important}
.board > div.board-inner{ height:60PX;}
.board{margin: -101px auto;}
.tab-content{ 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{width:54px !important; margin-bottom:8px;}
.tabicon_industries{ width:32px !important; margin-bottom:8px;}
}
@media only screen and (min-width: 320px) and (max-width: 380px) {
.tab-content{ height:750px;}
}
@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 i img { margin-top:14px; margin-bottom:15px; width: 46px; }
.board .nav-tabs > li a { width: 16%; 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%; }
}