@charset "utf-8";

/********************************************************/
/* Version: v2.0.0
/* Project: Arista.com
/* Creator: Arista Networks
/* Note: Responsive Layout Setting
/****************************************************** */

@media (min-height: 568px) {
.modal {
  bottom: auto;
}
}

/* Screen min width: 360px
/* ==============================
*/ @media (min-width: 360px) {
#toolbarWrap .toolbar-item {
  padding: 7px 5% 0px;
}

#userNav .nav > li > .navChild {
  width: 300px;
}

.loginBox #rowReCaptcha .g-recaptcha {
  width: 292px;
}

#resetBox #dpName {
  height: 40px;
}

#bannerSlider .staticWrap .main-head {
  padding: 10% 10px;
}

#videoPlaylist .videoItem {
  margin: 10px 2%;
  height: 95px;
}

#socialBox .ico60 {
  margin: 5px 15%;
}

#careersIndia .tm-pic {
  margin: 20px 18%;
}
}

/* Screen min width: 375px
/* ==============================
*/ @media (min-width: 375px) {
#careersIndia .tm-pic {
  margin: 20px 20%;
}

.loginBox #rowReCaptcha .g-recaptcha {
  width: 304px;
  border: none;
  max-height: none;
}

.award-list-v2 .item-img {
  flex-basis: 47%;
}
}

/* Screen min width: 425px
/* ==============================
*/ @media (min-width: 425px) {
#careersIndia .tm-pic {
  margin: 20px 23.3%;
}

.loginBox {
  max-width: 380px;
}

#loginOption .form-actions .button {
  width: auto;
}

#loginOption .form-actions .button + .button {
  margin-top: 0px;
}

.ftrGridItem {
	width: calc((100% - 10px) / 2);
}

.ftrGridItem:nth-child(even) {
	margin-left: 5px;
}

.ftrGridItem:nth-child(odd) {
	margin-right: 5px;
}
}

/* Screen min width: 480px
/* ==============================
*/ @media (min-width: 480px) {
#userNav {
  position: relative;
  left: auto;
}

#userNav .nav > li > .navChild {
  left: auto;
  right: -20px;
}

#userNav .nav > li .salute {
  display: inline-block;
  max-width: 235px;
}

#toolbarWrap .toolbar-item {
  padding: 7px 1% 0px;
}

#searchArea .search-box .inputbox {
  width: 300px;
}

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgCareers #bannerSlider,
#pgHome .bannerWrap, #pgIndia .bannerWrap, #pgCareers .bannerWrap,
#pgHome .bannerWrap li, #pgIndia .bannerWrap li, #pgCareers .bannerWrap li {
  height: 400px;
}

.sliderWrap .ctaBox .btn-an {
  width: auto;
}

#dataWrap {
  padding: 25px 15px 5px;
}

#featureBox .leading-desc {
  padding: 15px 20px 10px;
}

#footBarArea label {
  padding: 3px 20px 0px 0px;
  display: inline-block;
}

#footSocial .site-logo, #footSocial .social-icon {
  display: block;
  float: left;
  width: 50%;
}

#footSocial .social-icon {
  margin-top: 7px;
  float: right;
  text-align: right;
}

#footNav .nav > li.deeper {
  float: left;
  width: 50%;
  min-height: 180px;
  padding: 0px 10px;
}

.btn-an + .btn-an, .button + .button {
  margin-left: 5px;
}

.controls #jform_password1 {
  width: 50%;
  float: left;
  margin-bottom: 0px;
  -webkit-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}

.storyBox img {
  height: 300px;
}

.recentItem .itemThumb {
  width: 50%;
  margin: 0px 15px 5px 0px;
}

#videoPlaylist .videoItem {
  width: 30%;
  margin: 10px 5%;
  height: auto;
}

#videoPlaylist .videoItem:nth-child(even) {
  margin-right: 5%;
}

#videoPlaylist .videoItem:nth-child(odd) {
  margin-left: 5%;
}

#videoPlaylist .videoItem:nth-child(3n+0) {
  margin-right: 0px;
}

#videoPlaylist .videoItem:nth-child(1n+0) {
  margin-left: 0px;
}

#qLinkBox .menu li {
  float: left;
  width: 50%;
  padding: 3px 5px;
}

#qLinkBox .menu li:nth-child(even) {
  padding-right: 0px;
}

#qLinkBox .menu li:nth-child(odd) {
  padding-left: 0px;
}

#management .box-cell img {
  display: block;
  margin: auto;
}

#video_library .box-cell img {
  width: 100%;
  max-width: 100%;
}

#jobApplyForm .codeNo {
  max-width: 150px;
}

.award-list .item-img {
  height: 175px;
}

.videoItem {
  width: 47%;
  margin: 0px 1.5% 10px;
}

#partner_reg_form #password2 {
  float: left;
  width: 190px;
  margin-right: 5px;
  margin-bottom: 0px;
}

#bugPortal .buglist-link {
  margin: 0px 5px 0px 15px;
}

#bugFilter .formField .ddlList {
  width: auto;
}

.com-testimony .image-list .item-img {
	width: calc((100% - 36px) / 3);
}

.com-testimony .image-list .item-img:nth-child(2n+1) {
	clear: none;
}

.com-testimony .image-list .item-img:nth-child(3n+1) {
	clear: both;
}

.com-testimony .data-pic, #rmDataBox .rmPic {
	margin: 3px 15px 3px 0px;
	width: 50%;
}

#jobList .job-loc {
  padding-left: 85px;
}

#careersIndia .tm-pic {
  margin: 20px 26.5%;
}

#plvWrap {
  height: 320px;
}

.colm-2575 .cont-colm {
  width: 25%;
  padding-right: 2%;
}

.colm-2575 .cont-colm:nth-child(2) {
  width: 75%;
  padding-right: 0%;
  padding-left: 2%;
}

.dataFlxBoxImg .dataFlxBoxClm {
  flex: 25%;
}
}

/* Screen min width: 540px
/* ==============================
*/ @media (min-width: 540px) {
#toolbarWrap .toolbar-item {
  padding-left: 1.3%;
  padding-right: 1.3%;
}

#gridItems {
  margin: 0px -10px;
}

#gridData .card-item {
  width: calc(50% - 20px);
  margin: 0px 10px 20px;
}

#fpgaFilter #boxFpgaAction {
	text-align: right;
}

.award-list-v2 .item-img {
  flex-basis: 30.5%;
}
}

/* Screen min width: 640px
/* ==============================
*/ @media (min-width: 640px) {
#toolbarWrap {
  float: none;
}

.mm-colm li .media-img {
	text-align: left;
  max-width: 400px;
}

#bannerSlider, .bannerWrap, .bannerWrap li {
  min-height: 250px;
}

#bannerSlider .main-head {
  font-size: 40px;
  padding-top: 40px;
}

#bannerSlider .sub-head {
  font-size: 30px;
}

#dataWrap {
  padding: 40px 15px 0px;
}

.spot-box {
  padding: 25px;
}

.sopt-list h3 {
  font-size: 30px;
}

.leading-item {
  margin-bottom: 40px;
}

.leading-desc p, .sopt-desc p {
  max-height: 53px;
}

.sopt-item, .sopt-pic, .sopt-desc {
  height: 75px;
}

.sopt-item {
  margin-bottom: 25px;
}

.sopt-pic {
  margin: 0px 15px 0px 0px;
  width: 32%;
  max-width: 200px;
}

.sopt-pic img {
  max-width: 200px;
  min-height: 75px;
}

.sopt-desc {
  width: 65.3%;
  margin-top: 0px;
}

.sopt-desc p {
  margin: -5px 0px 4px;
}

#spotlightBox h3 {
  font-size: 40px;
}

#spotlightBox h4 {
  font-size: 26px;
  line-height: 32px;
}

#newsBox {
  padding-top: 35px;
  margin-bottom: 20px;
  height: 400px;
}

#newsBox h3 {
  margin-bottom: 30px;
}

#dataMidRow {
  margin-bottom: 20px;
}

.highlight-box {
  margin-bottom: 40px;
  padding: 30px 25px;
}

.highlight-box .hl-desc p {
  margin-bottom: 15px;
}

#footSocial .site-logo {
  text-align: left;
}

#footSocial .site-logo img {
  width: 75%;
}

#copyRight label {
  display: inline-block;
}

.control-group {
  padding: 0px;
}

.control-group .controls {
  width: 67%;
}

.control-group .control-label {
  width: 33%;
  margin-bottom: 0px;
  padding: 11px 10px;
}

.regGuide {
  margin-top: -25px;
}

.register .control-group .controls {
  width: 58%;
}

.register .control-group .control-label {
  width: 42%;
}

.control-group .controls.passMsg, .register .checkBox .controls {
  width: 100%;
}

.register .last_nameBox, .userProfile .last_nameBox {
  height: 56px;
}

#jform_profile_last_nameBox {
  top: 56px;
  width: 100%;
}

.controls #jform_password1 {
  width: 40%;
}

.register .control-row:first-child .control-label {
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}

.grid-cell {
  width: 50%;
}

#supportOverview .grid-cell, #wifiInfo .grid-cell {
  height: 270px;
}

#designChoices .grid-cell {
  height: 340px;
}

#dataPortfolio .grid-cell {
  height: 360px;
}

.data-list li {
  padding: 0px 10px 25px 0px;
}

.data-2clm li, .data-3clm li {
  float: left;
  clear: right
}

.data-2clm li {
  width: 50%;
}

.data-2clm li:nth-child(odd) {
  padding-right: 15px;
  clear: left;
}

.data-2clm li:nth-child(even) {
  padding-left: 15px;
  padding-right: 0px;
  clear: right;
}

.data-3clm li {
  width: 33%;
}

.data-3clm li a {
  margin-left: 30px;
}

#videoPlaylist .videoItem {
  margin: 13px 5%;
}

#videoPlaylist .nvItem-data h3 {
  margin-top: 0px;
}

.award-list .item-img {
  width: 29%;
}

#video_library .box-cell {
  width: 33%;
  float: left;
}

#video_library .box-cell h4 {
  font-size: 16px;
}

#video_library .box-cell .btn-cta {
  padding: 10px;
}

.videoItem {
  width: 30%;
}

#feedFollow {
  margin-bottom: 40px;
}

.formLabel {
  clear: none;
  float: left;
  width: 30%;
  padding-right: 15px;
}

.formField {
  width: 70%;
  min-height: 23px;
}

#partner_reg_form .formLabel, #partner_reg_form .formField, #deal_reg_form .formLabel, #deal_reg_form .formField {
  width: 100%;
}

#partner_reg_form input, #partner_reg_form select, #partner_reg_form textarea,
#deal_reg_form input, #deal_reg_form select, #deal_reg_form textarea {
  max-width: 300px;
}

.search-form .formLabel {
  width: 20%
}

.search-form .formField {
  width: 80%
}

.colum_2 li, .colum_3 li {
  width: 48%;
  clear: none;
}

.colum_4 li {
  width: 31%;
  clear: none;
}

#partner_reg_form .formField .codeImg, #partner_reg_form .formField .codeNo,
#deal_reg_form .formField .codeImg, #deal_reg_form .formField .codeNo {
  max-width: 150px;
}

.formTblList {
  width: 50%;
}

.formTblList li.clmHeadBig {
  min-height: 68px;
}

#careersIndia .jobBox {
  margin-bottom: 20px;
}

.com-testimony .data-pic {
	width: 40%;
}

#rmDataBox .rmPic {
	margin: 3px 20px 5px 0px;
	width: 50%;
	max-width: 320px;
}

#careersIndia .tm-pic {
  margin: 20px 32.7%;
}

#plvWrap {
  min-height: 360px;
}

.dataTabFwBox .cont-row {
  padding: 10px 0px;
}

.colm-5050 .cont-colm {
  width: 50%;
  padding-right: 2%;
}

.colm-5050 .cont-colm:nth-child(2) {
  padding-right: 0%;
  padding-left: 2%;
}

.colm-5050 .cont-colm img {
  max-width: 100%;
  margin-top: 10px;
}

.award-list-v2 .item-img {
  flex-basis: 31%;
}
}

/* Screen min width: 768px
/* ==============================
*/ @media (min-width: 768px) {
.mob-off {
  display: inline-block !important;
}

body {
  font-size: 18px;
}

select {
  height: 38px;
}

input, textarea, select {
  max-width: 300px;
}

#globalNav .navbar-collapse.collapse, #langFilterBox .mob-off {
  display: none !important;
}

#globalNav .navbar-collapse.collapse.in, #globalNav .navbar-header .collapse, #globalNav .navbar-toggle {
  display: block !important;
}

#globalNav .navbar-header {
  float: none;
}

#globalNav .nav > li > .dropdown-menu {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mm-outer .panel-level {
  top: -91px;
}

#topSubMenu {
  display: block;
}

#rightSubMenu, .rightSubBox, #subChildNav, #subChildNav .btn-closs {
  position: absolute;
  display: block;
}

#rightSubMenu {
  right: 0px;
  top: 0px;
  bottom: 20px;
  z-index: 999;
}

.rightSubBox {
  width: 130px;
  z-index: 995;
  right: 0px;
  bottom: 0px;
  text-align: right;
}

#subChildNav {
  right: -370px;
  width: 335px;
}

#subChildNav .btn-closs {
  display: block;
  background: #5487b8;
  padding: 12px 20px;
  color: #FFF;
  text-decoration: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #FFF;
  top: 20px;
  left: -30px;
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  z-index: 995;
}

#rightSubMenu .nav {
  padding: 15px 35px 30px 50px;
}

#rightSubMenu .nav li a {
  padding: 10px;
}

#rightSubMenu .nav li .navChild li a {
  padding-left: 30px;
}

#bannerSlider .staticWrap .main-head {
  padding: 7% 10px;
}

.show-tsm #bannerSlider .staticWrap .main-head {
  padding: 0px 10px 10px;
}

.show-tsm #bannerSlider, .show-tsm .bannerWrap, .show-tsm .bannerWrap li {
  min-height: 300px;
}

.show-tsm .bannerWrap .slider-item {
  padding-top: 100px;
}

#bannerSlider .main-head {
  font-size: 50px;
}

#bannerSlider .sub-head {
  font-size: 34px;
}

.spot-box {
  padding: 30px 25px 25px;
}

.sopt-pic {
  width: 40%;
}

.sopt-desc {
  width: 68.7%;
}

#footBarArea {
  min-height: 80px;
}

#footSocial {
  margin-bottom: 15px;
}

.control-group {
  padding-bottom: 2px;
}


/* Login Box
*/ .loginBox {
  width: 70%;
  display: table;
  max-width: none;
}

.loginBox .lgb-colm-wrap {
  display: table-row;
}

.loginBox .lgb-colm {
  display: table-cell;
  min-width: 360px;
  width: 42%;
  height: 420px;
}

.loginBox .lgb-colm + .lgb-colm {
  width: 58%;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}

.loginBox .form-actions .button {
  width: auto;
}

.loginBox .form-actions .button + .button {
  margin-top: 0px;
}

.loginBox #btnLoginOrigin {
  margin-top: 20px;
}

.loginBox #lgbSiteLogo {
  margin: 60px auto 0px;
  float: none;
  clear: both;
  display: block;
}

.loginBox .lgb-colm-data {
  margin: 40px 50px 50px;
}

#pgLogin #system-message,
#pgResetPassword #system-message {
  width: 75%;
}

#pwMeter, #pwMeter #scoreBox {
  height: 38px;
}

#pwMeter #score, #pwMeter #scoreBar {
  height: 36px;
}

#resetBoxComplete #pwMeter #scoreBox  {
  height: 43px;
}

#resetBoxComplete #pwMeter #score,
#resetBoxComplete #pwMeter #scoreBar {
  height: 41px;
}

#resetBoxComplete #pwMeter #score {
  line-height: 43px;
}

.formField .codeImg, .control-group .codeImg {
  height: 40px;
}

.register .last_nameBox, .userProfile .last_nameBox {
  height: 53px;
}

#jform_profile_last_nameBox {
  top: 53px;
}

.register .checkBox:nth-last-child(1) {
  width: 100%;
}

#designChoices .grid-cell {
  height: 380px;
}

.pro-section {
  margin: 50px 0px;
}

#dataTab {
  max-width: 950px;
}

#dataTab .tabDrop {
  display: none;
}

#dataTab #tabList {
  display: block;
}

#pgCorporateResponsibility #dataTab {
  max-width: 100%;
}

#pgCorporateResponsibility #dataTab #tabList {
  max-width: 950px;
  margin: 0px auto;
}

.layout-data-tab .dataTabBg {
  height: 95px;
}

#dataTab .nav-tabs {
  display: block;
  margin: 0px;
  padding: 0px;
  border: none;
}

#dataTab .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#dataTab .nav-tabs > li > a {
  border-left: 1px solid #cccccc;
  border-bottom-color: transparent;
  padding: 32px 20px;
  text-decoration: none;
}

#dataTab .nav-tabs li:last-child > a {
  border-right: 1px solid #cccccc;
}

#dataTab .nav-tabs li.active a, #dataTab .nav-tabs li:hover a, #dataTab .nav-tabs li:focus a {
  border-top: 1px solid #cccccc;
  background: #FFF;
}

#dataTab .tab-content {
  padding-top: 30px;
}

.feedIconBox {
  text-align: right;
  float: right;
}

.feedIconBox label {
  display: inline-block;
  margin-left: 8px;
}

#softwareDownload .dataColmLeft {
  width: 60%;
}

#softwareDownload .dataColmRight {
  margin-left: 2%;
  width: 38%;
}

.storyBox {
  width: 49.6%;
  height: 370px;
}

.storyBox img {
  height: 370px;
}

.storyBoxC {
  margin: 0px 0px 0px 0.7%;
}

.storyBoxC img {
  height: 182px;
}

.storyBoxR {
  width: 100%;
  clear: both;
}

#jobApplyForm .control-group {
  width: 50%;
  clear: none;
}

#jobApplyForm .control-group.fullBox {
  width: 100%;
  clear: both;
}

#jobApplyForm .form-mob-off {
  display: block;
}

#jform_degree_box .control-label, #jform_country_box .control-label {
  height: 77px;
}

.award-list .item-img {
  width: 22%;
  margin: 10px 1.5%;
}

#news_events .news_01, #news_events .news_02, #news_events .news_03 {
  height: 435px;
}

.box-data {
  height: 50%;
}

.box-clm {
  width: 31.5%;
  display: inline-block;
}

.box-clm:nth-of-type(2) {
  margin-left: 2%;
  margin-right: 2%
}

#video_library .box-cell h4 {
  font-size: 20px;
}

#video_library .box-cell .btn-cta {
  padding: 10px 20px;
}

#sustainability .cont-colm {
  width: 50%;
}

.videoItem {
  width: 30%;
}

.careerRegion .locationList li {
  width: 50%;
  float: left;
}

.colum_3 li {
  width: 31%;
}

.colum_4 li {
  width: 23%;
}

#partner_reg_form .formLabel, #deal_reg_form .formLabel {
  width: 40%;
}

#partner_reg_form .formField, #deal_reg_form .formField {
  width: 60%;
}

#partner_reg_form .colum_2 li {
  width: 46%;
}

.formField .codeImg, .formField .codeNo, .control-group .codeImg, .control-group .codeNo {
  max-width: 150px;
}

.formTblList li.clmHeadBig {
  min-height: 40px;
}

.data-w70 {
  width: 70%;
}

.data-w50, .data-table .w50, div.w50 {
  width: 50%
}

.modal {
  top: 6%;
  width: 85%;
}

.printWin {
  top: 0;
}

.com-testimony .image-list .item-img {
	width: calc((100% - 48px) / 4);
}

.com-testimony .image-list .item-img:nth-child(3n+1) {
	clear: none;
}

.com-testimony .image-list .item-img:nth-child(4n+1) {
	clear: both;
}

.com-testimony .data-pic {
	width: calc(35% - 20px);
	margin: 5px 20px 5px 0px;
}

.com-testimony .data-colm {
	width: 65%;
	float: left;
}

#rmDataBox .rmPic {
	width: 40%
}

#jobData, #jobList {
  padding-top: 30px;
}

#jobList .job-item {
  padding: 30px 20px;
}

#jobList .job-desc {
  width: calc(70% - 75px);
}

#jobList .job-loc {
  width: 30%;
  padding: 10px;
}

#careersIndia .tm-pic {
  margin: 20px 35.7%;
}

#gridSearch button {
  width: 65px;
  padding: 9px 5px;
}

.ftrGridItem {
	width: calc((100% - 30px) / 3);
	margin: 5px 10px 5px 0px !important;
}

#plvWrap {
  height: 420px;
}

.dataFlxBox .dataFlxBoxClm {
  flex: 30%;
}

.award-list-v2 .item-img {
  flex-basis: 22.9%;
}

#siteMap .data-list li {
  flex-basis: calc(100% / 2);
}
}

/* Screen min width: 850px
/* ==============================
*/ @media (min-width: 850px) {
#langFilterBox .mob-off {
  display: inline-block !important;
}

#gridData .card-item {
  width: calc(33.333% - 20px);
}

.award-list-v2 .item-img {
  flex-basis: 23%;
}
}

/* Screen min width: 980px
/* ==============================
*/ @media (min-width: 980px) {
.tab-off {
  display: inline-block !important;
}

#headerContainer {
  height: 120px;
}

#headerWrap {
  height: 85px;
  padding: 0px 20px;
}

#searchArea .search-box {
  width: auto;
  top: 0px;
  left: auto;
  right: auto;
  background: #ececec;
  padding: 7px 0px 0px;
}

#searchArea .search-box .inputbox {
  width: 200px;
  float: right;
  padding: 4px 10px;
}

#siteLogo {
  margin-top: 23px;
  margin-left: 0px;
}

#siteLogo, #siteLogo a {
  max-width: 225px;
}

#headerWrap {
  float: none;
}

#globalNav {
  margin-top: 20px;
  display: block;
  float: right;
  width: 75%;
  max-width: 900px;
}

#globalNav .navbar-collapse.collapse.in, #globalNav .navbar-header .collapse, #globalNav .navbar-toggle {
  display: none !important;
}

#globalNav .navbar-collapse.collapse {
  display: block !important;
}

#globalNav .navbar-header {
  display: none;
}

#globalNav .navbar-collapse {
  background-color: transparent;
  margin-top: 0px;
}

#globalNav .nav {
  float: right;
  width: auto;
}

#globalNav .nav > li {
  float: left;
  width: auto;
  border-bottom: none;
}

#globalNav .nav > li > a {
  color: #FFF;
  text-decoration: none;
  padding: 22px 27px 23px;
}

#globalNav .nav > li:last-child > a {
  padding-right: 0px;
}

#globalNav .nav > li.dropdown > a:after, .mega-menu .nav > li.deeper > a:after {
  content: "";
  float: none;
  font-size: 0px;
}

#globalNav .nav > li > a:hover, #globalNav .nav > li > a:focus {
  background: none;
}

#globalNav .nav .dropdown-menu, #userNav .nav .navChild {
  min-width: 300px;
  position: absolute;
  z-index: 1000;
}

#globalNav .nav .dropdown-menu li a {
  padding: 9px 15px 9px 35px;
}

#globalNav .nav > li > .dropdown-menu {
  position: absolute;
  border: 2px solid #5487b8;
  border-top: none;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background: #fff;
}

#globalNav .nav li.mega-menu {
  position: static;
}

#globalNav .nav .mm-outer {
  float: left;
  background: #f3f3f3 !important;
}

.mm-outer .mm-wrap {
  display: table;
}

.mm-outer .mm-row {
  display: table-row;
}

.mm-outer .mm-colm {
  padding: 5px 0px;
  width: 25%;
  border-right: 1px solid #bbbdc0;
  display: table-cell;
}

.mm-outer .panel-level {
  position: relative;
  top: auto;
  left: auto;
}

.mm-outer .panel-level .btn-back {
  display: none !important;
}

.mm-outer .mm-colm .nav {
  width: 100% !important;
  float: left !important;
}

.mm-outer .mm-colm .nav li > a {
  padding: 6px 15px !important;
}

.mm-outer .mm-colm .nav li.deeper span:after {
  content: ">" !important;
  float: right !important;
  font-size: 22px !important;
}

.mm-colm li .media-img {
	text-align: center;
  max-width: 100%;
}

#topSubMenu .nav li {
  padding: 25px 8.8%;
}

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgCareers #bannerSlider,
#pgHome .bannerWrap, #pgIndia .bannerWrap, #pgCareers .bannerWrap,
#pgHome .bannerWrap li, #pgIndia .bannerWrap li, #pgCareers .bannerWrap li {
  height: 500px;
}

#bannerSlider .staticWrap .main-head {
  padding: 5% 10px;
}

#bannerSlider .main-head {
  padding-top: 50px;
}

#bannerSlider .slider-hw .main-head {
  padding-top: 10px;
}

#bannerSlider .sliderWrap .main-head {
  font-size: 70px;
}

/* for temp fix - start */
#bannerSlider .slider-hw .main-head {
  padding-left: 10px;
  font-size: 44px;
}

#bannerSlider .slider-hw .sub-head {
  font-size: 26px;
}
/* for temp fix - end */

#bannerSlider .slider-hw .main-head, #bannerSlider .slider-hw .sub-head, #bannerSlider .slider-hw .ctaBox {
  text-align: left;
}

.sliderWrap .slider-mob-off {
  display: block;
}

.sliderWrap .slider-hw {
  width: 50%;
  float: left;
  clear: none;
  overflow: hidden;
}

#dataWrap {
  padding: 40px 15px;
  min-height: 598px;
}

.colmLC #lhsWrap {
  float: left;
  width: 30%;
  margin-left: 1%;
}

.colmLC #contentWrap {
  float: left;
  width: 68%;
  padding: 0px 0px 10px 2%;
}

.colmL, .colmR {
  clear: none;
  max-width: 600px;
  width: 48.3687%;
}

.colmR {
  margin-left: 3.2626%;
}

.colmF {
  width: 100%;
  max-width: 100%;
}

.colmF > .colmL, .colmF > .colmR {
  width: 47.98%;
  max-width: 575px;
}

.colmF > .colmR {
  width: 44.991%;
  max-width: 500px;
  margin-left: 63px;
}

.cont-colm-2 .cont-colm {
  width: 50%;
}

.cont-colm-2 .cont-colm:nth-child(2) {
  padding-left: 5%;
}

#spotlightBox h4 {
  height: 65px;
  overflow: hidden;
}

#spotlightBox .leading-item {
  margin-top: 10px;
}

#spotlightBox .leading-pic img {
  height: 220px;
}

#featureBox .leading-pic img {
  height: 278px;
}

.featured-video .leading-pic img {
  height: 194px;
}

#newsBox {
  padding-top: 40px;
}

.sopt-pic {
  width: 39%;
}

.sopt-desc {
  width: 57%;
}

#dataMidRow .colmL {
  margin-bottom: 0px;
}

#dataFootRow {
  margin-bottom: 30px;
}

#dataMidRow .leading-item {
  margin: 20px 0px;
}

#dataMidRow .sopt-list {
  margin-top: 9px;
}

.highlight-box {
  margin-bottom: 0px;
}

#footSocial {
  width: 20%;
  max-width: 300px;
  text-align: left;
  display: block;
}

#footSocial .site-logo, #footSocial .social-icon {
  display: block;
  float: none;
  width: 100%;
  text-align: left;
}

#footSocial .site-logo {
  max-width: 225px;
}

#footSocial .site-logo img {
  width: 100%;
}

#footSocial .social-icon {
  margin: 40px 0px 10px;
}

#footNav {
  width: 75%;
  float: right;
  clear: right;
  margin-left: 5%;
}

#footNav .nav > li.deeper {
  float: left;
  width: 26%;
  margin: 0px 25px 10px 0px;
  min-height: 170px;
  padding: 0px;
  text-align: left;
}

#footNav .nav > li:last-child {
  margin-right: 0px;
}

#footNav .nav > li:nth-child(3) {
  width: 17%;
}

#footNav .nav > li:nth-child(4) {
  width: 19%;
}

.control-group {
  padding: 0px;
  clear: right;
  float: left;
  width: 50%;
  border: none;
}

.control-row {
  border-bottom: 1px dotted #C5C5C5;
  min-height: 35px;
  margin-bottom: 2px;
}

#jform_profile_last_nameBox {
  left: 50%;
  top: 0px;
  width: 50%;
}

.form-mob-off {
  display: block;
}

.register .last_nameBox {
  min-height: 35px;
}

#pgLogin #headerContainer,
#pgResetPassword #headerContainer {
  height: 85px;
}

.loginBox {
  margin: 2% auto;
}

.grid-row {
  padding-bottom: 20px;
}

.grid-cell {
  width: 25%;
  float: none;
}

.grid-cl5 .grid-cell {
	width: 20% !important;
}
	
#designChoices .grid-cell, #dataPortfolio .grid-cell {
  height: auto;
}

#softwareDownload .dataColmLeft {
  width: 70%;
}

#softwareDownload .dataColmRight {
  margin-left: 2%;
  width: 28%;
}

.storyBox {
  width: 33.04795%;
  height: 370px;
}

.storyBox img {
  height: 370px;
}

.storyBoxC {
  margin: 0px 0.4256%;
}

.storyBoxC img {
  height: 182px;
}

.storyBoxR {
  width: 33.04795%;
  clear: none;
}

.storyData {
  height: 100px;
}

.storyList {
  height: 370px;
}

.storyList li {
  padding: 15px 20px;
}

#recentItems {
  width: 66.6%;
  margin-right: 1.7007%;
}

#newsRhs {
  width: 31.67809%;
}

#qLinkBox .menu li {
  float: left;
  width: 100%;
  padding: 3px 0px;
}

#socialBox .ico60 {
  margin: 5px 6%;
}

.recentItem .itemThumb {
  width: 25%;
}

#newsVideoBox .nvItem img {
  margin-right: 20px;
  width: 50%;
}

#videoPlaylist .videoItem {
  margin: 13px 3%;
  width: 27.5%;
}

#videoPlaylist .videoItem:nth-child(n) {
  margin-left: 0px;
}

#videoPlaylist .videoItem:nth-child(2n) {
  margin-right: 3%;
}

#videoPlaylist .moreVideo {
  margin-left: 5px;
  width: 75px;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 0px;
  padding: 12.9% 10px;
}

#videoPlaylist .moreVideo b {
  font-size: 34px;
  display: block;
}

.data-wrap-full {
  padding: 0px;
}

.box-table {
  display: table;
}

.box-row {
  display: table-row;
}

.box-cell {
  display: table-cell;
}

.box-4clm .box-cell {
  width: 25%;
}

.box-3clm .box-cell {
  width: 33.33%;
}

#management {
  height: 515px;
}

.box-data {
  height: 55%
}

.box-data p {
  margin: 5px 0px;
}

.box-data label {
  position: absolute;
  bottom: 10px;
}

#jform_degree_box .control-label, #jform_country_box .control-label {
  height: auto;
}

.award-list .item-img {
  height: 210px;
  width: 17.8%;
  margin: 10px 1.1%;
  border: none;
  margin-left: -4px;
}

.award-list .item-img .spacer {
  display: inline-block;
  height: 100%;
  vertical-align: middle !important;
}

.award-list .item-img img {
  height: auto;
}

#feedFollow {
  width: 80%;
}

#partner_reg_form .colum_2 li {
  width: 48%;
}

#partner_reg_form .colum_4 li {
  width: 31%;
}

.tdColm3 .formTblList {
  width: 33.33%;
}

.tdColm4 .formTblList {
  width: 25%;
}

.formTblList li.clmHeadBig {
  min-height: 68px;
}


#sitemap .data-list li {
  padding: 0px 10px 15px 0px;
}

#jobList .job-desc {
  width: calc(75% - 75px);
}

#jobList .job-loc {
  width: 25%;
  padding: 10px;
}

#careersIndia .jobList {
  max-height: 130px;
}

#careersIndia #midBanner {
  margin-top: 60px;
}

#careersIndia .careerBox {
  width: 49%;
  max-height: 318px;
  margin-right: 1%;
}

#careersIndia .rColm {
  margin-left: 1%;
  margin-right: 0px;
}

#careersIndia .data-colum {
  width: 47%;
  margin-top: 0px;
}

#careersIndia .careerIndiaSlider {
  float: right;
  margin-left: 3%;
  width: 50%;
}

#careersIndia .careerIndiaSlider.fLeft {
  float: left !important;
  margin-left: 0px;
  margin-right: 3%;
}

#careersIndia .tm-item {
  width: 90%;
  padding: 60px 0px;
}

#careersIndia .tm-pic {
  width: 20%;
  margin: 0px 1%;
  float: left;
  max-width: 200px;
  max-height: 200px;
}

#careersIndia .tm-quote {
  float: left;
  width: 75%;
  margin: 0px 0px 0px 3%;
   padding: 30px 20px;
}

#careersIndia .tm-item-box .tm-item:nth-child(odd) .tm-pic {
  float: right;
}

.ftrGridItem {
	width: calc((100% - 40px) / 4);
}

#plvWrap {
  height: 500px;
}

.dataFlxBoxImg .dataFlxBoxClm {
  flex: 17%;
}

.award-list-v2 .item-img {
  flex-basis: 23.4%;
}
}

/* Screen min width: 1024px
/* ==============================
*/ @media (min-width: 1024px) {
#toolbarWrap .toolbar-item {
  padding: 7px 1% 0px;
}

.colmF > .colmL, .colmF > .colmR {
  width: 48%;
  max-width: 575px;
}

.colmF > .colmR {
  width: 45.3%;
  max-width: 500px;
  margin-left: 63px;
}

.sopt-desc {
  width: 57.47396%;
}

#spotlightBox .leading-item {
  margin-top: 15px;
}

.highlight-box {
  height: 410px;
  cursor: help;
}

.highlight-box h4 {
  font-size: 38px;
  text-align: center;
}

.highlight-box .hl-pic {
  width: 185px;
  height: 185px;
  margin: 40px auto 45px;
}

.highlight-box .hl-desc p {
  margin-bottom: 5px;
}

.highlight-box .hl-desc, .highlight-box .hr-line hr {
  height: 0px;
  opacity: 0;
}

.highlight-box:hover .hl-desc, .highlight-box:focus .hl-desc {
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  margin-right: -25px;
  margin-left: -25px;
  padding: 10px 25px;
}

.highlight-box:hover .hl-pic, .highlight-box:focus .hl-pic {
  width: 85px;
  height: 85px;
  margin: 0px auto 10px;
}

.highlight-box:hover .hr-line hr, .highlight-box:focus .hr-line hr {
  opacity: 1;
  height: 1px;
}

.highlight-box:hover .hr-line span, .highlight-box:focus .hr-line span {
  float: left;
  margin-right: 20px;
}

.highlight-box h4, .highlight-box .hl-pic, .highlight-box .hl-desc, .highlight-box .hr-line span, .highlight-box .hr-line hr {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

#pgLogin #system-message,
#pgResetPassword #system-message {
  width: 60%;
}

.register .control-group.fullBox .controls {
  width: 79%;
}

.register .control-group.fullBox .control-label {
  width: 21%;
}

.form-tab-off {
  display: block;
}

#partner_reg_form .formLabel, #deal_reg_form .formLabel {
  width: 30%;
}

#partner_reg_form .formField, #deal_reg_form .formField {
  width: 70%;
}

#partner_reg_form .colum_4 li {
  width: 23%;
}

#priceListBox {
  margin-bottom: 0px;
}

#priceListBox #listTree, #priceListBox #dataFrame {
  height: 800px;
  max-height: 800px;
}

#priceListBox #listTree {
  width: 30%;
}

#priceListBox #dataFrame {
  width: 70%;
}

#careersIndia .tm-item {
  width: 80%;
}

#careersIndia .jobList {
  max-height: 138px;
}

#gridFilter {
  width: 25%;
}

#gridData {
  width: calc(75% - 25px);
  margin-left: 20px;
}

#gridData .card-item {
  width: calc(50% - 20px);
}

.ftrGridItem {
	width: calc((100% - 50px) / 5);
}

#filter_fpga_arc .ftrGridItem {
	width: calc((100% - 70px) / 7);
}

#filter_fpga_apps .ftrGridItem {
	width: calc((100% - 60px) / 6);
}

#plContainer, #plvWrap, #plWrap {
  height: 500px;
}

#plvWrap {
  flex: 2;
  width: calc(100% - 425px);
  padding-right: 20px;
}

#plWrap {
  width: 405px;
  flex: 1;
}

#plWrap #plHead {
  height: 65px;
}

#plWrap #plHead h4 {
  height: 28px;
  overflow: hidden;
}

#plWrap #plvItems {
  height: 435px;
}

#siteMap .data-list li {
  flex-basis: calc(100% / 3);
}
}

/* Screen min width: 1200px
/* ==============================
*/ @media (min-width: 1200px) {
#careersIndia .jobList {
  height: 175px;
  max-height: 175px;
}

#gridFilter {
  width: 22%;
}

#gridData {
  width: calc(78% - 25px);
}

#gridData .card-item {
  width: calc(33.333% - 20px);
}
}

/* Screen min width: 1280px
/* ==============================
*/ @media (min-width: 1280px) {
#bannerSlider .main-head {
  padding-top: 30px;
}

#bannerSlider .staticWrap .main-head {
  padding: 4% 10px;
}

#bannerSlider .sliderWrap .main-head, #bannerSlider .slider-hw .main-head {
  padding-top: 85px;
}

#userNav .nav {
  display: inline-block;
}

#dataWrap {
  padding: 40px 20px;
}

.sopt-pic {
  width: 40%;
}

.sopt-desc {
  width: 60.3717%;
}

.colmLC #lhsWrap {
  width: 24.50%;
}

.colmLC #contentWrap {
  width: 74.5%;
}

.colmF {
  max-width: 1240px;
}

.colmF > .colmL, .colmF > .colmR {
  width: 48.5%;
}

.colmF > .colmR {
  width: 46.1%;
  max-width: 550px;
}

.colmF > .colmL .sopt-desc {
  width: 62.2589%;
}

.colmF > .colmR .sopt-desc {
  width: 60.2589%;
}

#spotlightBox .leading-item {
  margin-top: 20px;
}

#newsBox {
  padding-top: 35px;
}

.highlight-box .hr-line span {
  float: none;
  margin-right: 0px;
}

.highlight-box:hover .hl-pic, .highlight-box:focus .hl-pic {
  margin: 5px auto 15px;
}

#footNav {
  width: 75%;
}

#videoPlaylist .videoItem {
  width: 28%;
}

#videoPlaylist .moreVideo {
  padding: 13.7% 10px;
}

.careerRegion .locationList li {
  width: 33%;
}

.careerRegion .locationList li.clearRow {
  clear: both;
  width: 100%;
  height: 5px;
  min-height: 5px;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  display: block;
}

#videoWall {
  min-height: 580px;
}

#feedFollow {
  width: 80%;
}

.modal {
  top: 8%;
  width: 80%;
	max-width: 950px;
}

.printWin {
  top: 0;
}

.com-testimony .data-pic {
	width: calc(30% - 20px);
}

.com-testimony .data-colm {
	width: 70%;
}

#priceListBox #listTree {
  width: 25%;
}

#priceListBox #dataFrame {
  width: 75%;
}

#careersIndia .jobList {
  height: 191px;
  max-height: 191px;
}

#gridData {
  width: calc(78% - 20px);
}
}

/* IE10+
/* ==============================
*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

html, body {
  font-family: Arial, Helvetica, sans-serif;
}

#headerContainer {
  overflow: visible;
}
}

/* Screen max width: 700px
/* ==============================
*/
 @media (max-width: 700px) {

.SGLeftColumn {
  float: right;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
}

/* Screen max width: 767px
/* ==============================
*/ @media (max-width: 767px) {

.imageRight {
  float: none;
}

.pdfTopButton {
  float: none;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}

.quickLeft {
  width: 100%;
}

.quickRight {
  width: 100%;
}

.leftColumnImage {
  max-width: none;
}
}

/* Screen max width: 980px
/* ==============================
*/ @media (max-width: 980px) {

.header_banner {
  display: none;
}

.headerText {
  display: block;
  text-align: center;
}

.headerTitle {
  float: none;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 40px;
}

.tableTOC {
  float: none;
  margin: 20px auto;
}

.pdfTopButton {
  float: none;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: center;
}

a.pdfLink {
  white-space: nowrap;
}
}

/* Screen width in between 100px to 980px
/* ==============================
*/ @media (min-width: 100px) and (max-width: 980px) {

.splineLeft, .splineRight {
  float: none;
  width: 100%;
}
}