@charset "utf-8";

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

/* Screen min width: 360px
/* ==============================
*/ @media (min-width: 360px) {

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

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

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

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

/* 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 2% 0px;
}

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

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgHome .bannerWrap, #pgIndia .bannerWrap, #pgHome .bannerWrap li, #pgIndia .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_password2, .resetBox #jform_password1 {
    width: 50%;
    float: left;
    margin-bottom: 0px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

.resetBox #jform_password1 {
    width: 75%;
}

.resetBox .controls #jform_password2 {
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 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;
}

}

/* Screen min width: 640px
/* ==============================
*/ @media (min-width: 640px) {

#toolbarWrap {
    float: none;
}

#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;
}

.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_password2 {
    width: 40%;
}

.loginBox .control-group .control-label, .resetBox .control-group .control-label {
    margin-bottom: 20px;
}

.loginBox .textBox, .resetBox .textBox {
    max-width: 100%;
}

.loginBox .nav li {
    text-align: left;
}

.loginBox .nav li.fLeft {
    width: 50%;
}

.loginBox .nav li.rbox {
    text-align: right;
}

.loginBox .button, .resetBox .button, .resetConfirm .button {
    width: auto;
}

.loginBox, .resetBox, .remindBox {
    width: 85%;
}

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

.resetBox #jform_password1 {
    width: 68%;
}

.grid-cell {
    width: 50%;
}

#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;
}

#careersIndia .jobList {
    min-height: 192px;
}

}

/* 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 {
    display: none !important;
}

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

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

#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;
}

.loginBox {
    width: 70%;
}

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

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

.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%;
}

.resetBox #jform_password1 {
    width: 45%;
}

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

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

#dataTab {
    max-width: 950px;
}

#dataTab .tabDrop {
    display: none;
}

#dataTab #tabList {
    display: block;
}

.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 {
    width: 50%
}

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

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

}

/* 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 {
    display: block !important;
}

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

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

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

#globalNav .nav {
    float: right;
}

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

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

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

#globalNav .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 .navChild, #userNav .nav .navChild {
    min-width: 300px;
    position: absolute;
    z-index: 1000;
}

#globalNav .nav .navChild li .navChild {
    min-width: 295px;
}

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

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgHome .bannerWrap, #pgIndia .bannerWrap, #pgHome .bannerWrap li, #pgIndia .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;
}

#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;
}

#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;
}

.loginBox {
    width: 55%;
    margin: 6% auto;
}

.olLogBox {
    margin: 2.7% auto;
 }
        
.resetBox, .remindBox {
    width: 65%;
    margin: 6.5% auto;
}

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

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

#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-colm {
    width: 33%;
}

}

/* 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;
}

.loginBox {
    width: 50%;
}

.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%;
}
}

/* 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%;
}

.loginBox {
    width: 43%;
}

.resetBox, .remindBox {
    width: 55%;
}

#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%;
}
}

/* 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: 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%;
}
}