#recent_article_wrapper { font-family: Georgia;color: #696969;text-align: center;margin: 0px 55px 65px 55px; max-width: 1080px;} #recent_article_wrapper .subTitle{ margin: 0px 55px 45px 55px;} #recent_articles_list ul {list-style: none;font-family: Georgia;color: #696969;font-size: 16px;line-height: 25px;} #recent_articles_list ul li{display: inline-block;width: 22%;padding:0 1%;vertical-align: top;min-height: 360px;max-height: 360px;overflow: hidden;margin: 0px; } #recent_articles_list ul li .ra_cat_holder{margin:0 5%;width: 90%; overflow: hidden;text-align: left;} #recent_articles_list ul li .ra_cat_holder a{ color: #218DF9; font-weight: bold;text-transform: unset;font-size: 13px;font-family: Georgia;} #recent_articles_list ul li .ra_image-holder{min-height: 150px;height: 150px;line-height: 150px;margin:5%;width: 90%; overflow: hidden;vertical-align: middle;} #recent_articles_list ul li .ra_image-holder span {display: inline-block; line-height: normal;vertical-align: top ;} #recent_articles_list ul li .ra_image-holder a{ vertical-align: middile;width: 100%} #recent_articles_list ul li .ra_image-holder img{ padding:0; max-width: 90%;max-height:140px; box-shadow:3px 3px 2px 0 #676262;} #recent_articles_list ul li .ra_details{min-height: 200px;max-height: 207px;margin:1%; overflow: hidden;} #recent_articles_list ul li .ra_details .ra_title a{ font-size: 16px; line-height: 150%; color: #3A3F45;font-weight: bold;} #recent_articles_list ul li .ra_details .ra_desc{ text-align: left; color: #696969;font-family: times new roman;font-size: 17px;font-weight: 400;line-height: 150%;text-align: left;padding-top:7px;} #recent_articles_list ul li.ra_border_right{ border-right: 0px solid #ccc;} #recent_articles_list ul li.ra_extra_top_padding{ margin-top: 60px} #recent_articles_list ul li:nth-child(even) { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+75,ffffff+100&0+0,1+54,1+54 */ background: -moz-linear-gradient(top, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 54%, rgba(242,242,242,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,0)), color-stop(54%,rgba(242,242,242,1)), color-stop(75%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #recent_article_wrapper > .membershipImage{ top:-40px;} #advanceContainer_r1 {display: inline-block;width: 100%;text-align: center;vertical-align: top;padding: 5% 0 2% 0;} #advanceContainer_r1 .advanceImgSection{width: 98%;margin: 1% 1% 0;padding-bottom: 25px;} #advanceContainer_r1 .col_1{vertical-align: top; display: inline-block;width: 30%;color: #696969;font-family: Times New Roman;font-size: 1.7em;line-height: 150%;padding: 1%; text-align: left;} #advanceContainer_r1 .col_2{ vertical-align: top; display: inline-block;width: 30%;color: #696969;font-family: Times New Roman;font-size: 1.7em;line-height: 150%;padding: 1%; text-align: left;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+75,ffffff+100&0+0,1+54,1+54 */ background: -moz-linear-gradient(top, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 54%, rgba(242,242,242,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,0)), color-stop(54%,rgba(242,242,242,1)), color-stop(75%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 54%,rgba(242,242,242,1) 75%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #advanceContainer_r1 .col_3{vertical-align: top; display: inline-block;width: 30%;color: #696969;font-family: Times New Roman;font-size: 1.7em;line-height: 150%;padding: 1%; text-align: left;} #advanceContainer_r1 .col_2,#advanceContainer_r1 .col_3{min-height: 400px;position: relative;} #advanceContainer_r1 .col_2 .viewall_link, #advanceContainer_r1 .col_3 .viewall_link {bottom: 0;color: #d0a326;font-weight: bold;left: 32%;position: absolute; } #advanceContainer_r1 .shortDescription {margin-top: 10%;} #advanceContainer_r1 .advanceImgSection .shortDescription ul {list-style-type: none;margin-bottom: 10px; padding: 0px 10px 20px !important;text-align: left;} #advanceContainer_r1 .advanceImgSection .shortDescription ul li{margin: 20px 0; } #advanceContainer_r1 .col_1 .shortDescription .job-search-subtitle {line-height: 120%;margin-top: 0;padding: 0 0 25px; text-align: center;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group{ display: inline;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"]{ border-radius: 4px; box-shadow: 6px 6px 10px #ffffff inset; color: #7d7d7d; font-family: Times New Roman; font-size: 13px; font-weight: bold;height: 21px;width: 111px;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .btn-info { background-color: #f4b125 !important; background-image: linear-gradient(to bottom, #f4b125, #f4b125); background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #ffffff;font-weight: bold;font-size: 13px;height: 28px; margin-bottom: 2px; padding: 0 8px;} #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box {margin-top: 35px;padding-top: 35px; border-top: 1px solid #dbdbdb; color: #d0a326;} #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box ul {margin: 0;padding: 0; } #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box ul li{ display: inline-block;font-size: 16px;margin: 5px 1% !important;vertical-align: top;width: 46%;} #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box ul li a {color: #d0a326;} #advanceContainer_r1 .advanceImgSection .col_2 .shortDescription ul li {color: #d0a326; line-height: 20px;font-weight: bolder; min-height: 70px;} #advanceContainer_r1 .advanceImgSection .col_2 .shortDescription ul li a img { border: 2px solid #c8c7c7; box-shadow: 0 0 0.2em 0.1em #cccccc; float: left; margin-left: 5px; margin-right: 15px; padding: 3px;} #advanceContainer_r1 .advanceImgSection .col_2 .shortDescription ul li a {font-weight: normal;} #advanceContainer_r1 .advanceImgSection .col_3 .shortDescription ul li >div:first-child a {color: #d0a326;font-weight: bolder;font-style: normal;font-size: 17px;} #advanceContainer_r1 .advanceImgSection .col_3 .shortDescription ul li >div{line-height: 24px;font-weight: bolder;color: #696969;font-size: 14px;} #advanceContainer_r1 .advanceImgSection .col_3 .shortDescription ul li >div:last-child a {color: #256da9;font-weight: normal;font-size: 16px;} /* #advanceContainer_r1 .advanceImgSection .col_3 .shortDescription ul li:nth-of-type(1n+4) {display: none;} */ #advanceContainer_r1 .advanceImgSection .col_2 .view-uli-popular-benefits {margin-bottom: 16px;} #advanceContainer_r1 .imgSubTitle,#advanceContainer_r2 .imgSubTitle{ text-align: center;margin-bottom: 10px;} #advanceContainer_r1 .imgSubTitle span,#advanceContainer_r2 .imgSubTitle span{ display: inline-block;padding: 0;vertical-align: top;} #advanceContainer_r1 .imgSubTitle .designGray,#advanceContainer_r2 .imgSubTitle .designGray{font-weight: bold;color: #3a3f45;font-size:16px;font-family:Georgia;} #advanceContainer_r2 {display: inline-block;width: 100%;text-align: center;vertical-align: top;padding-bottom: 4px;} #advanceContainer_r2 .advanceImgSection{width: 98%;margin: 1%;padding-bottom: 25px;} #advanceContainer_r2 .col_1{vertical-align: top; display: inline-block;width: 45%;color: #696969;font-family: Times New Roman;font-size: 1.7em;line-height: 150%;padding: 1%; } #advanceContainer_r2 .col_2{vertical-align: top; display: inline-block;width: 45%;color: #696969;font-family: Times New Roman;font-size: 1.7em;line-height: 150%;padding: 1%; } #advanceContainer_r2 .shortDescription {text-align: center; width:76%;margin: 10% 12%;max-height: 400px;} #advanceContainer_r2 .shortDescription iframe{height:420px;max-height:420px;} #advanceContainer_r2 .col_1 .shortDescription h2{display: none;} #advanceContainer_r2 .col_2 .shortDescription h2{display: none;} #HomePageAbout .HomePageAboutRowSubTitle+iframe{ display:none;} .front #featured_member_list{width:100%} .front #featured_member_list > ul{display:inline-block;list-style-type:none;margin:15px 10%;width:80%;text-align: center} .front #featured_member_list li{box-shadow:3px 3px 2px 0 #676262;cursor:pointer;display:inline-block;margin:1.5% 2%;max-height:100px;max-width:104px;min-height:100px;min-width:104px;overflow:hidden;position:relative;text-align:center;vertical-align:top} .front #featured_member_list li .title_holder{background:#2c3137 none repeat scroll 0 0;bottom:0;color:#ffffff;font-size:11px;line-height:150%;opacity:0.8;padding:11px 0;position:absolute;vertical-align:-moz-middle-with-baseline !important;width:100%} .featured_pepole_link .img_holder > img{max-width:110%} #footer #core_value_wrapper{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4b125 12%, #f4b125 49%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(12%,#f4b125), color-stop(49%,#f4b125)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4b125 12%,#f4b125 49%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f4b125 12%,#f4b125 49%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f4b125 12%,#f4b125 49%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f4b125 12%,#f4b125 49%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4b125',GradientType=0 ); /* IE6-9 */ display:inline-block;font-family:Georgia;font-size:1.8em;padding-top:13px ;padding-bottom:13px; text-align:left;padding-left:7.5%;width:92.5% } #footer #core_value_wrapper .titleContainer{/*color:#ffffff;*/color:#e2dddd;font-weight:400} #footer #core_value_wrapper .titleSufixWhite{color:#2c3137} #footer #core_value_wrapper .titleSufixWhite a{color:#2c3137} #footer #core_value_wrapper .titleSufixWhite a:hover{color:#2c3137} @media screen and (max-width:1190px){ .page-universal-search .page-universal-search-mainform{ display:none;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 99px;} .head-login-section #mobileLogin{display:none;} #recent_articles_list ul li .ra_details .ra_desc { color: #696969; font-family: times new roman; font-size: 17px; font-weight: 400; line-height: 150%; padding-top: 7px; text-align: left; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } * { border: 0 none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } li { line-height: 20px; list-style-position: inside; } #recent_articles_list ul { color: #696969; font-family: Georgia; font-size: 16px; line-height: 25px; list-style: outside none none; } ul { list-style-type: disc; } ol, ul { list-style: outside none none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } #recent_article_wrapper { color: #696969; font-family: Georgia; text-align: center; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } body, #footer { color: #3a3f45; font-family: Georgia; font-size: 10px !important; } body { line-height: 1; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } #recent_articles_list ul li:nth-child(even) { background: none; } #advanceContainer_r1 .col_2{ background: none; } } @media screen and (max-width :769px) { #advanceContainer_r1 .col_1 { padding: 0; width: 60%;margin: 0 20%;text-align: center;} #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box { padding-left: 12.5%; } #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 125px;margin-right: 10px;} #advanceContainer_r1 .col_2,#advanceContainer_r1 .col_3 { padding: 0; width: 48%;margin: 0 0.5%;text-align: center;} #advanceContainer_r1 .col_2{border-left: 0 none;border-right:1px solid #cccccc;} #advanceContainer_r2 .col_1,#advanceContainer_r2 .col_2 { padding: 0; width: 48%;} #advanceContainer_r1 .shortDescription { margin-top: 4%; } .front #featured_member_list > ul{margin:15px 5%;width:90%} .front #featured_member_list li{margin:1.5%} #recent_articles_list ul{margin:auto 15px} } @media screen and (max-width :641px) { iframe#launcher{ display: none;} /* ticket-407 hide zendhelp section on mobile */ #advanceContainer_r1 .col_1 .shortDescription #homepage-link-box { padding-left: 5.5%; } #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 125px;margin-right: 10px;} .front #featured_member_list li{margin:2.5% 2%} #footer #core_value_wrapper{font-size:1.7em;line-height:150%;padding:9px auto} #footer #core_value_wrapper {background: #f4b125 none repeat scroll 0 0;font-size: 1.7em;} #advanceContainer_r2 .shortDescription {margin: 5% 12% 12%;max-height: initial;text-align: center;width: 76%;} #advanceContainer_r2 .shortDescription iframe { max-height:initial;} } @media screen and (max-width :480px) { #advanceContainer_r1 .advanceImgSection{border-bottom: 0px;} #advanceContainer_r1 .col_1,#advanceContainer_r1 .col_2,#advanceContainer_r1 .col_3 { padding: 0; width: 100%;margin: 0;margin-bottom: 15px;} #advanceContainer_r1 .imgSubTitle span, #advanceContainer_r2 .imgSubTitle span{margin-bottom: 0px;text-align: center;min-width: 50px;} #advanceContainer_r1 .col_2{border:0px;} #advanceContainer_r2 .col_1,#advanceContainer_r2 .col_2 { padding: 0; width: 100%;} #advanceContainer_r1 .col_2 .viewall_link, #advanceContainer_r1 .col_3 .viewall_link { bottom: 12px; } #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 107px;margin-right: 10px;} } @media screen and (max-width:1190px){ #HomePageAboutRightVideo{width:53%; float: right;} .rowHomeDivHeightSet > #HomePageAbout{width: 40%;} .about_bottom_bg_container{ width:95%;} .viewMoreButtonContainer .btn-large{font-size: 14px;} .about_bottom_bg{background-size: 100% 100%;} .front #bottomContainer { width: 90%; margin: auto 5%;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 99px; } .head-login-section #mobileLogin{display:none;} } @media screen and (min-width:1015px) and (max-width:1025px){ .aboutTitleHomePage .leftLeaf, .aboutTitleHomePage .rightLeaf{display:none;} .rowHomeDivHeightSet{margin:0 25px} .front #featured_member_list > ul { margin: 15px 5%;width: 90%; } } /*********************Footer Setting Start*******************************/ @media screen and (max-width: 1165px){ #footerColumnsContainer {display: inline-block; margin-left: auto; margin-right: auto; width: 98%;} #footer-area div.column:first-child{margin-left: auto; margin-right: auto;} } @media screen and (min-width: 1051px) and (max-width: 1165px){ #footer-area div.column:first-child{max-width: 100%; } #footer-area div.column { border: 4px solid #3D4149; display: table-cell; float: none; vertical-align: top; width: 30.8%;} } @media screen and (max-width: 1049px){ #footer-area div.block{max-width: 94%;} } @media screen and (min-width: 1001px) and (max-width: 1024px){ #footer-area div.column {margin-left: 2%;} #recent_article_wrapper .subTitle{width: 98%;margin-left:auto;margin-right: auto;} #recent_articles_list ul li.ra_border_right { border-right: none ;} #recent_articles_list ul li:nth-child(odd) { border-right: 1px solid #ccc !important;} #recent_articles_list ul li:nth-child(even) {border-right: none !important;} #recent_articles_list ul li{max-height:initial;} } @media screen and (min-width: 481px) and (max-width: 1000px){ #footer-area div.column {max-width: 80%;} } @media screen and (max-width: 1000px){ #footer-area div.block {display: block; max-width: 100%; padding:2% 3% 1% 3%; width: auto;} #footer-area div.column {float: none; margin-left: auto; margin-right: auto; padding: 0 4px; text-align: left; width:auto;} #footer-area .region .block .content p{margin-bottom: 18px;} #footer-area .region.region-footer-third div.block{margin-left:0.7%; margin-right:0.7%; float:left;} #footer-area .region.region-footer-third div.block:first-child{float:none; margin-right:0;} #footer-area .region.region-footer-third div.block:first-child + div, #footer-area .region.region-footer-third div.block:first-child + div + div{width:290px;} } @media screen and (max-width: 480px) { #footer-area div.column{ max-width: inherit; } #recent_article_wrapper {margin: 0 5px 5px; } #recent_article_wrapper .subTitle { margin: 0 5px 15px;} #recent_articles_list ul li { width: 100%;} #recent_articles_list ul li .ra_image-holder{height: initial;line-height: initial;margin: 5%;min-height: initial;} #header div.head-login-section a.login-member-link {display: inline-block !important;margin: 5px;} #advanceContainer_r1 .advanceImgSection{border-bottom: 0px;} #advanceContainer_r1 .col_1,#advanceContainer_r1 .col_2,#advanceContainer_r1 .col_3 { padding: 0; width: 100%;margin: 0;margin-bottom: 15px;} #advanceContainer_r1 .imgSubTitle span, #advanceContainer_r2 .imgSubTitle span{margin-bottom: 0px;text-align: center;min-width: 50px;} #advanceContainer_r1 .col_2{border:0px;} #advanceContainer_r2 .col_1,#advanceContainer_r2 .col_2 { padding: 0; width: 100%;} #advanceContainer_r1 .col_2 .viewall_link, #advanceContainer_r1 .col_3 .viewall_link { bottom: 12px; } } /*********************Footer Setting End*******************************/ @media screen and (max-width:1014px){ /*****Navigation Section ****/ #main-menu .nav-toggle { background: none;} /********************Wrapper Block Started ****************************/ /*Top Title Section*/ .topHomeTitleSection, .longTitle { margin: 30px auto; padding-top: 30px;line-height: normal; } .rowHome.subTitle {margin-left: auto; margin-right: auto;width:98%;} #recent_article_wrapper .subTitle{ margin-left: auto; margin-right: auto;width:98%;} .rowHomeDivHeightSet {margin: 0.5% 0; z-index: 0;} .rowHomeDivHeightSet > #HomePageAbout { float: none; margin: 0; width: 100%;} .HomePageAboutRowTitle, .FaqPageAboutRowTitle {line-height: normal;} /**********************************************/ .HomePageAboutRowSubTitle { padding: 1% 0 5%; text-align: center; max-height:100%;} #HomePageAboutRightVideo, .PageVideoRight, .PageVideoRightIMG { display: block; float: none; margin: 0 auto;text-align: center;width: 85%;} #HomePageAboutRightVideo { margin-bottom: 10px;} /********************************membershipImage Block Started**********************************************/ #membershipBackground {background:#3B3F48; height: auto;margin-bottom: 0;min-height: 185px; min-width: 100%; padding-bottom: 15px;top: 0;} #membershipBackground .memberShipContainer { width: 90%; float: none; margin: 0 auto; padding: 7% 0 2%;} #membershipBackground .memberShipContainer > .memberShipTitleContainer { position: relative; text-align: center; } #membershipBackground .memberShipContainer > div { margin-right: 0; } #membershipBackground #subContainerMembership { width: 99%; margin-left: 0 !important;padding: 0 0 3.35%;} .subTitleMembershipImage, .subContainerMembershipSubTitle {height: auto;text-align: center; } /*Learn Button Section inside #membershipBackground */ #membershipBackground .memberShipContainer .learnMoreButton { display: inline-block; margin-left: 0 !important;padding: 0;} #bottomContainer, #imageContainer { margin: 2% 0 0;} #imageContainer .learnMoreDiv { margin-bottom: 10%; margin-top: 5%;} /****************************about_bottom_bg Block Started*************************************************/ .about_bottom_bg { background-size: cover; max-height: 100%; padding-bottom: 5%; background:#2C3137;} .about_bottom_bg_container{ width:95%;max-width: 90%;padding: 5% 0;} .memberShipTitleContainer { line-height: 150%; padding: 0 0 15px; text-align: center; width: 100%;} .viewMoreButtonContainer { display: block; height: 50px; line-height: 45px; text-align: center; width: 100%;} #about_bottom_content_footer { padding-right: 0;text-align: center; width: 100%;} #about_bottom_content_footer .aboutSubTitle { line-height: 150%;} /****************************Footer Block Started*************************************************/ #social-block-div { display: block; float: none; margin: 0 auto; padding: 0 5%; } #wrapper .footer-logo { padding-left: 0;} #socialLinks { float: none; margin: 0 auto; position: inherit; right: inherit; top: inherit; } #footer .social-block .footer-info{ display: table; width:90%; margin: 0 auto;} #footer .social-block #social-block-div, #footer .social-block #socialLinks { display: table; padding: 0; width: 90%; margin-left: auto; margin-right:auto; margin-bottom: 0;} #footer .social-block #socialLinks {margin-top: 15px;} .trust2, .trust-logo { display: table; margin: 0 auto; width: 100%;} .trust2 .trust-logo > div { display: table-cell; float: none !important; padding-bottom: 0 !important; vertical-align: middle;} .trust2 .trust-logo > div#DigiCertClickID_4-f4idnw{padding-right:2.8em} #block-block-7 .content{display: table; margin: 0 auto;} #block-block-7 .content p{ display: inline-block; margin-right: 5%; width: 45%; margin-bottom: 0px !important;} #block-block-7 .content p + p { display: inline-block; height: 35px;margin-left: auto !important; margin-right: auto !important;margin-top: 0 !important; position: relative; top: -1em;width: 45%;} /****************************Footer Block End*************************************************/ .about_bottom_bg_container, #about_bottom_content_footer .aboutSubTitle { margin: 0 auto; } .lightSubContaints { padding-left: 0; padding-right: 0;} #mobile_search{display: none !important;} #nonmobile_search{display: block !important;} #recent_articles_list ul li.ra_border_right { border-right: none ;} #recent_articles_list ul li:nth-child(odd) { border-right: none ;} #recent_articles_list ul li:nth-child(even) {border-right: none !important;} #recent_articles_list ul li{max-height:initial;} #main-menu ul .expanded { max-width: 100%; } #main-menu .nav-toggle { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 95% 50% transparent; } #main-menu a:hover { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 95% 50% transparent; color: #6e6e6e; } #main-menu li .nav-toggle { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 95% 50% linear-gradient(#555, #333) repeat scroll 0 0 rgba(0, 0, 0, 0); } #main-menu li a:hover { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 95% 50% #d8a323; color: #6e6e6e; } #slider .header .header-body{ border: 0px solid blue; } #header .menu-bar{ border: 0px solid #FFF; } #header .menu-bar { height:auto; } #outerWrapper { margin: 0 auto; } } @media screen and (max-width:759px){ #header .head-login-section { float: none; margin: 0 auto; } #header .head-logo-section #logo {display: block; float: none !important; margin: 0 auto; } #nonmobile_search{display: none !important;} #mobile_search{display: block !important;float: right} #mobile_search .search-input-holder input{width:88.5%;outline: none;} #mobile_search .search-inner-wrapper {margin: 5% 3.5%; width: 93%;} .mobile_search_login{ float: unset !important;} .mobile_search_login .search-input-holder input{width:91.5% !important;outline: none;} .mobile_search_login .search-inner-wrapper {margin: 5% 26% !important; width: 48% !important;} } @media screen and (max-width:710px){ #imageContainer .columnImgSection .col1 { float: none; width: 99%; max-width: 100%; padding: 0; margin: 0 auto;} } /*******************************************************************************************/ @media screen and (min-width:711px) and (max-width:1024px){ #imageContainer .columnImgSection .col1, #imageContainer .columnImgSection .col1+div, #imageContainer .columnImgSection .col1 + div + div {padding-right: 0; max-width: 46%} #imageContainer .columnImgSection .col1+div{float:right;} #imageContainer .columnImgSection .col1 + div + div {float: none; margin: 0 auto; clear:both; } #recent_articles_list ul li.ra_extra_top_padding{ margin-top: 25px;} #recent_articles_list ul li{ width: 45%;margin-top: 25px;} } /******************Reduce Font size for small Device started******************************/ @media screen and (max-width:500px){ .topHomeTitleSection, .longTitle { font-size: 30px;} .memberShipTitleContainer { font-size: 18px;} .subContainerMembershipSubTitle {font-size: 16px;} .font-size_320_subtitle_text_15px, .subTitle, .divwhychooseDes > div.field.field-name-field-whychoosedes.field-type-text-with-summary.field-label-hidden,.divwhychooseDes > div.field-name-field-sub-title-sec-1, .divwhychooseDes > div.field-name-field-sub-title-sec-3,.lightSubContaints, .HomePageAboutRowSubTitle, #about_bottom_content_footer .aboutSubTitle { font-size: 15px;} .HomePageAboutRowTitle, .FaqPageAboutRowTitle {font-size: 20px;} .subTitle, .divwhychooseDes > div.field.field-name-field-whychoosedes.field-type-text-with-summary.field-label-hidden, .divwhychooseDes > div.field-name-field-sub-title-sec-1, .divwhychooseDes > div.field-name-field-sub-title-sec-3 {margin: 0 5.5% 6.5%;} /******************Reduce Font size for small Device end******************************/ .memberShipContainer .titleContainer, .memberShipContainer .titleSufixWhite, .subTitleMembershipImage, .about_bottom_bg_container, #about_bottom_content_footer { display:block; } #mobile_search{display: block !important;float: unset !important;} #mobile_search .search-input-holder input{width:93%!important;outline: none;} #mobile_search .search-inner-wrapper {margin: 5% 6% !important; width: 88% !important;} .mobile_search_login{ float: unset !important;} .mobile_search_login .search-input-holder input{width:91.5%!important;outline: none;} .mobile_search_login .search-inner-wrapper {margin: 5% 6% !important; width: 88% !important;} } @media screen and (max-width:548px){ /**********************This Is used for hidding the element*********************************/ .aboutTitleHomePage .leftLeaf, .aboutTitleHomePage .rightLeaf, .aboutTitleHomePage .leftLeaf, .aboutTitleHomePage .rightLeaf, #membershipBackground .memberShipContainer .leftLeaf, #membershipBackground .memberShipContainer .rightLeaf, #imageContainer .leftLeaf, #imageContainer .rightLeaf{ display: none !important; } } /**********************This Is used for Settings*********************************/ @media screen and (max-width:980px){ #container {width:100%; margin:0 auto; background:#F6F6F6;} #slider .header .slide-block{ max-width:33%; } #slider_nav li a {width: 7px; height: 7px;} #slider-navigation li {width: 20px;} .slide-body {padding: 60px 15px; height:91% !important;} .slide-body a {font-size: 20px;} .slide-body a span {font-size: 24px;} .slide-body h2 {line-height: 26px; padding-bottom: 10px; margin-bottom: 0;} .slide-body p {font-size: 15px;} .slide-body .btn-large {padding: 10px; font-size: 15px; } #recent_articles_list ul li .ra_details{min-height: initial;max-height: 159px;} #recent_articles_list ul li.ra_extra_top_padding{ margin-top: 30px} } /******************************************************************************/ @media screen and (max-width :730px) { body.node-type-blog .section-container .field-name-field-image { float: none; margin: 0 auto; max-width: 69%; width: 80%; } #search-form{margin:2%;width:96%;padding:2% 0} #search-form fieldset{margin:initial} #recent_article_wrapper{margin:0 5px 5px} #recent_article_wrapper .subTitle{margin:0 5px 15px} #recent_articles_list ul li{width:47%;margin-top:30px;} #recent_articles_list ul li .ra_image-holder{height:initial;line-height:initial;margin:5%;min-height:initial} } /****************************************************************************/ @media screen and (max-width :600px) { body.not-logged-in #header div.head-login-section { float: none; margin: 0 auto; max-width: 75%; width: auto; } /*Ticket #505*/ body.page-new-member-application div.head-login-section, body.page-cart-checkout div.head-login-section, body.page-cart-checkout-review div.head-login-section, body.page-cart-checkout-review .head-login-section{ display:none; } #main-menu .nav-toggle { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 90% 50% transparent; } #main-menu a:hover { background: url("../../../../../misc/arrow-asc.png") no-repeat scroll 90% 50% transparent; color: #6e6e6e; } #login-block-top{display: none} #mobileLogin{display:block} /************************************** Added by kirti to hide login block on home page***********************/ .page-new-member-application #mobileLogin{display:none !important;} .page-new-member-application .head-login-section{height:20px !important;} #mobile_search{display: block !important;float: none} #mobile_search .search-input-holder input{width:93.65%;outline: none;} #mobile_search .search-inner-wrapper {margin: 5% 13%; width: 74%;} .front #featured_member_list li {margin: 2.5% 1%;} .slide-body {padding: 3% 5px 3% 10px; height:94.5% !important;} .slide-body a {font-size: 15px;} .slide-body a span {font-size: 17px;} .slide-body h2 { padding-bottom: 0px; margin-bottom: 0;} .slide-body p {font-size: 11px; line-height: 140%; overflow: hidden; } .slide-body .btn-large {padding: 0 3px; font-size: 9px; border-radius: 0;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"] { width: 107px;margin-right: 10px;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group{display:block;} #advanceContainer_r1 .col_1 .shortDescription #job-form-wrapper .form-group input[type="text"]{margin-bottom:10px;margin-right:10px;width:75%} #membershipBackground #subContainerMembership{ max-height: initial;} .about_bottom_bg .viewMoreButtonContainer{padding-top:5%;} } /****************************************************************************/ @media screen and (max-width :500px) { body.not-logged-in #header div.head-login-section { float: none; margin: 0 auto; max-width: 94%; width: auto; } } /****************************** login section *******************************************/ @media screen and (max-width :480px) { body.not-logged-in #header .head-logo-section #logo{padding-top: 3%;} body.node-type-blog .section-container .field-name-body { margin: 7px; } body.node-type-blog .section-container .summary { margin: 7px; } #login-block-top .login-note-title {padding-left: 5px;} #header .head-logo-section #logo {padding-top: 15px; padding-bottom: 15px;} #slider .header .slide-block{ max-width: 33%; } #slider_nav li a {width: 7px; height: 7px;} #slider-navigation li {width: 20px;} .slide-body {padding: 3% 5px 3% 10px; height:94% !important;} .slide-body a {font-size: 9px;} .slide-body a span {font-size: 11px;} .slide-body h2 {line-height: 15px; padding-bottom: 0px; margin-bottom: 0;} .slide-body p {font-size: 9px; line-height: 140%; max-height: 70px; overflow: hidden; } .slide-body .btn-large {padding: 0 3px; font-size: 9px; border-radius: 0;} #recent_articles_list ul {margin: auto 15px; } #recent_articles_list ul li { width: 100%;margin: 20px auto 0 !important;border-right: none !important; border-bottom: 1px solid #ccc;min-height: initial;max-height: initial;padding-bottom: 20px; } #recent_articles_list ul li:last-child {border-bottom: none;} #recent_articles_list ul li .ra_details{min-height: initial;max-height: 133px;} .front #featured_member_list li { margin: 2.5% 3%; } #mobile_search .search-input-holder input{width:93.65%!important;outline: none;} #footer #core_value_wrapper {background: #f4b125 none repeat scroll 0 0;font-size: 1.7em;line-height: 150%;padding: 2% 3%;width: 94%;} #footer #core_value_wrapper .titleContainer{width:100%;display:block} #footer #core_value_wrapper .titleSufixWhite{width:100%;display:block} } /****************************** login section *******************************************/ @media screen and (max-width :430px) { #header .head-logo-section #login-block-top { padding: 10px 0; } #user-login-form #textboxContainer { max-width: 360px; text-align: center; width: 100%; } #textboxContainer { display: table-cell; vertical-align: middle; } #header .head-login-section #login-block-top #login-box-input-container { text-align: center; width: 100%; } #user-login-form #textboxContainerRightIMG { display: none; float: right; height: 41px; text-align: right; width: 70px; } #header .head-login-section { float: none; margin: 0 auto; width: auto; } #header .head-login-section #login-block-top .region-top-right { display: block; margin: 0 auto; max-width: 364px; width: auto; } #login-block-top #user-login-form { display: table; font-size: 1.2em; text-align: center; width: auto; } #login-block-top .login-note-title{ width: auto; } #header .head-login-section #login-block-top input#edit-name, #header .head-login-section #login-block-top input#edit-pass{ display: block; margin: 0 auto 10px; width: 90%; } body.not-logged-in #header div.head-login-section { float: none; margin: 0 auto; max-width: 97%; width: auto; } .front #featured_member_list li { margin: 2.5% 4.5%; } #mobile_search .search-input-holder input{width:91.5%!important;outline: none;} } @media screen and (max-width: 359px) { #mobile_search .search-input-holder input{width:90.5%!important;outline: none;} #slider .header .slide-block{ max-width: 42%; } } /**********************************payment last page*************************/ @media screen and (max-width: 980px) { body.page-cart-checkout-complete .viewMoreButtonContainer a { margin-top: 9px; margin-right: 8px; } body.node-type-blog .section-container { margin: 0 auto; max-width: 98%; width: 100%;} } @media screen and (max-width: 1190px){ h1, h2, h3 { font-weight: bold; font-size: 24px; margin-bottom: 6px; line-height: 150%; } }