@media only screen and (max-width: 667px) {

    /*general*/
    body {
        line-height: 16px;
    }

    body > form {
        overflow-x: hidden;
    }

    .td-block {
        display: block !important;
    }

    .table_cv td {
        width: auto !important;
    }

    .topheader, .wrapper, .contentleftarea {
        width: 100%;
    }

    .wrapper, .topheader {
        margin: 0px;
    }

    #lblPackages {
        height: auto;
    }

    .searchboxwrapper .link_promo_left {
        display: block;
        position: absolute;
        top: 30px;
        right: 12px;
        font-weight: bold;
    }

    .cvprofile .cvgroup {
        margin: 0;
    }

    .cvprofile .cvgroup .cvinfo {
        float: right;
        margin: 0 0 0 20px;
        width: 100%;
    }

    .popup {
        width: 85%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .popup.send-cv .btn {
        float: left !important;
        padding: 5px 10px 5px 10px !important;
        height: auto !important;
        width: auto !important;
        height: 40px;
        position: relative;
        margin: 0 0 5px 0;
    }

    .popup .buttons input {
        margin: 0 0 5px 0;
    }

    .popup .buttons .logo {
        display: none;
    }

    .topheader {
        overflow: hidden;
    }

    .hp2_logo_wrapper,
    #myAreaPage .logoWrapper,
    #appCvPage .logoWrapper {
        padding: 27px 0px;
        box-sizing: border-box;
        height: 110px;
    }


    .hp2_logo_wrapper {
        padding: 60px 0px 60px 0;
    }

    .mobile-hidden {
        display: none !important;
    }

    .desktop-hidden {
        display: block !important;
    }

    .width-zero {
        width: 0px !important;
    }

    .cssfloatleft, .cssfloatright {
        width: auto;
        float: none;
    }

    .btn, .custbtn, input[type="button"], input[type="submit"], .glbbtn {
        float: none !important;
        padding: 2px !important;
        width: 100% !important;
        height: 40px;
        position: static;
        box-sizing: border-box;
        background-color: #BABDC5;
        background-image: none;
        text-shadow: none;
        font-size: 18px !important;
        text-align: center;
        box-shadow: none;
    }

    .modal_window {
        width: 70%;
        left: 77%;
    }

    /*home page*/
    .carouselsection {
        padding: 0px;
        overflow: hidden;
        width: 100%;
    }

    .carousel {
        float: right;
        margin: 0 6%;
        width: 60%;
    }

    .carouselsection .carouselctrl {
        margin: 0 2%;
        padding-top: 125px;
    }

    .searchboxwrapper {
        padding: 0px;
    }

    .searchbox .panel {
        padding: 8px;
    }

    .searchbox .panel .help {
        width: auto;
    }

    .searchbox .panel .controls .btn {
        position: inherit;
    }

    .search_results_wrapper {
        padding: 0px;
    }

    input[type="submit"].add-cv-button {
        width: 96.5% !important;
        margin: 10px 8px !important;
    }

    .control, input[type="text"], input[type="password"], #appCvPage #cvWrite select {
        width: 100% !important;
        font-size: 18px;
        padding: 0px;
        height: 40px;
        line-height: 40px;
        margin: 0px;
        margin-bottom: 20px !important;
    }

    .searchbox .panel .title img {
        display: none;
    }


    .searchBox #AscxEmp_Search1_pnlSearchCount {
        margin-bottom: 20px !important;
    }

    .searchBox #AscxEmp_Search1_pnlSearchCount a {
        font-size: 15px;
    }

    .contentwrapper {
        padding: 0px !important;
    }

    .contentWrapper .contentleftarea, .contentWrapper .contentRightArea {
        float: none;
        width: auto;
    }

    .contentWrapper > div {
        padding: 20px;
        margin-bottom: 10px;
    }

    .contentWrapper .module1 > div {
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .contentWrapper .module2 > div {
        margin-bottom: 20px;
    }

    .contentWrapper .module2 .componentholder {
        margin: 14px 0;
    }

    .contentWrapper .modulewrapper45 .adv {
        margin: 0px;
    }

    .contentWrapper .title-holder {
        width: 100%;
    }

    .contentWrapper .title-holder span {
        width: 50%;
        display: inline-block;
        float: left;
        font-size: 17px;
        font-weight: bold;
    }

    .contentWrapper .contentRightArea .rrDivider,
    .contentWrapper .contentRightArea .emp_hot,
    .contentWrapper .contentRightArea .emp_landing {
        display: none;
    }

    .contentwrapper .rec_emp .emp_com {
        width: 100%;
        margin: 0 0 5px 0 !important;
    }

    .contentwrapper .rec_emp img {
        height: auto;
        width: 100%;
    }


    .doormatwrapper {
        padding: 4.8%;
    }

    .doormat {
        float: left;
        width: 155px;
        padding: 2.4%;
        margin: 2%;
        width: 41%;
        height: 155px;
        overflow: hidden;
    }

    #footer {
        margin: 0px;
    }

    #footer .footerlinks {
        padding: 10px 0;
    }

    body > iframe, body > form > iframe {
        height: 0px;
    }


    /*article*/
    .mainsection {
        width: 100%;
    }

    #appCvPage .mainSection.custom-width {
        width: 100%;
    }

    #appCvPage .exp-wrapper {
        margin-top: 0px;
    }

    .articles_page .content_page h1 {
        margin: 0px 10px 20px 0px;
    }

    .articles_page .mainsection .content {
        padding: 10px 10px 10px 15px;
    }

    .articles_page .articlelist .articleitem {
        padding: 10px 10px 10px 15px;
        margin: 0px;
        width: 100%;
        box-sizing: border-box;
    }

    .mainsection.article {
        width: 100%;
    }

    #termsPage .mainsection .content_page {
        padding: 10px;
    }

    .mainsection.article .content_page > p > u {
        text-decoration: none;
    }

    .mainsection.article .content_page > p > u span {
        font-size: 1.6em !important;
    }

    .mainsection.article .content_page > p > u > span > span {
        display: none;
    }

    .search_results_wrapper .lblMsg {
        float: right;
        margin: 0px 8px 20px 8px;
    }

    .hidden-mobile {
        display: none;
    }

    .search_results_wrapper .details u {
        display: block;
    }

    .job_read_True * {
        color: black !important;
    }

    #searchEmployPage .cv-results {
        margin: 8px !important;
    }

    #searchEmployPage #tblResults td:nth-child(5),
    #searchEmployPage #tblResults td:nth-child(6),
    #searchEmployPage #tblResults td:nth-child(8) {
        display: none;
    }

    /*my area*/
    #myAreaPage .logoWrapper img,
    #appCvPage .logoWrapper img {
        margin: 0px;
        height: 50px;
    }

    #myAreaPage #sitelogo,
    #appCvPage #sitelogo {
        width: auto !important;
    }

    #myAreaPage .mainsection,
    #appCvPage .mainsection {
        display: block;
    }


    #appCvPage .main_menu,
    #myAreaPage .main_menu {
        margin: 0px !important;
        padding: 0px;
        float: right;
        width: 100%;
        box-sizing: border-box;
    }

    #myAreaPage .description {
        padding: 8px;
    }

    #myAreaPage .description > div:first-child {
        margin-bottom: 5px;
    }

    #myAreaPage .comments table table td:first-child {
        padding: 10px 5px;
        width: 100%;
    }


    #myAreaPage .comments table table td:first-child span {
        font-size: 14px;
        font-weight: bold;
    }

    #myAreaPage .comments textarea {
        width: 100%;
        height: 80px;
    }

    #myAreaPage .cv-number-td {
        padding-top: 8px;
    }

    #myAreaPage .details-btn img.rotate {
        transform: rotate(180deg);
    }

    .main_menu > span {
        display: none;
    }


    .main_menu > a {
        margin-right: 0px;
        margin-left: 3%;
        margin-bottom: 3%;
        color: white;
        padding: 5px;
        background-color: #1b4077;
        display: inline-block;
    }

    .main_menu a:hover {
        color: white;
    }

    .blue-template .main_menu > a {
        background-color: #681433;
    }


    /*.main_menu:first-child > a {
        line-height: 35px;
    }*/
    .main_menu.top {
        padding-bottom: 0px !important;
    }

    .main_menu.bottom {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        margin-bottom: 0px;
    }

    #myAreaPage .credit {
        width: 100% !important;
        padding: 8px;
        box-sizing: border-box;
    }

    #myAreaPage .search-btn-holder {
        float: none !important;
        margin: 0px 8px;
    }

    #myAreaPage .filter-by-prof {
        padding: 0px 8px;
    }

    #myAreaPage .filter span {
        display: block;
        font-size: 18px;
    }

    #myAreaPage .add-profile-holder {
        padding-left: 8px;
    }

    #myAreaPage .add-profile-holder .glbbtn {
        font-size: 15px !important;
    }

    #myAreaPage #AscxEmp_myArea_cvs1_ascxEmp_myPurchasedCvInline1_updateMyPurchased td:nth-child(13) {
        color: #681433 !important;
    }


    #myAreaPage #AscxEmp_myArea_orders1_ascxEmp_myCv_updateMyCv td.newTableTdHeader:nth-child(12) {
        color: #681433 !important;
    }

    #myAreaPage .table-comment td {
        display: block !important;
    }

    #myAreaPage .manage-profile-holder, #myAreaPage .manage-cv-holder {
        padding-right: 8px;
    }

    #myAreaPage .counter-holder .counter {
        margin: 8px;
    }

    #myAreaPage .send-mark-cvs input[type="text"] {
        margin-bottom: 10px;
        padding: 5px;
    }

    #myAreaPage .send-mark-cvs td {
        padding: 10px 8px !important;
    }

    #myAreaPage .send-mark-cvs td span {
        font-size: 16px;
        margin-bottom: 5px;
        display: block;
    }

    #myAreaPage .potential-cv-holder span {
        margin-right: 8px;
    }

    #myAreaPage .actions-holder {
        padding-top: 15px !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    #myAreaPage .actions-holder input {
    }


    #appCvPage .welcome-wrapper {
        padding: 8px 8px 8px 0px !important;
    }

    #appCvPage .cv-show-td {
        padding: 8px 0px 8px 8px !important;
    }


    /*Login*/
    .login-page {
        background-color: #dadfeb;
    }

    .login-page #sitelogo {
        width: auto !important;
        height: 50px;
        margin-top: 40px;
    }

    .login-page .BorderPixel3 {
        background-color: transparent;
    }

    #loginwrapper {
        width: 100% !important;
        margin: 0px !important;
    }

    #loginwrapper td {
        padding: 0px;
    }

    #loginwrapper #table11 tbody > tr > td {
        padding-right: 8px !important;
    }

    #loginwrapper #table11 tbody > tr > td.remember {
        padding: 15px;
    }

    #loginwrapper #table11 tbody > tr > td.login-td {
        padding-right: 0px !important;
    }

    #loginwrapper #table11 tbody > tr > td.login-td input {
        margin: 8px;
        width: 96% !important;
    }

    #loginwrapper #table11 tbody > tr > td img { /*display: none;*/
    }

    #loginwrapper input[type="text"], #loginwrapper input[type="password"] {
        padding: 11px;
        margin-bottom: 5px;
    }

    #loginwrapper b {
        font-size: 18px;
        font-weight: normal;
        line-height: 39px;
    }

    .login-page .loginTexWrapper {
        display: none;
    }

    .login-page #footer {
        display: none;
    }

    /*apllication cv*/
    #appCvPage #AscxCvForm1_lblMsg {
        width: 100% !important;
        margin-top: 0px !important;
    }

    #appCvPage u {
        font-size: 20px !important;
        margin-bottom: 10px;
        display: block;
        text-decoration: none;
    }

    #appCvPage .content-td {
        padding: 8px;
    }

    #appCvPage #pageNumber {
        margin-right: 8px;
    }

    #appCvPage .tab {
        padding-right: 0px;
        padding-left: 10px;
    }

    #appCvPage .tab td > div {
        display: block;
    }

    #appCvPage .tab td > div > span {
        font-size: 15px;
    }

    #ascxcvform1_firsttab select, #ascxcvform1_firsttab input {
        margin: 3px 0px;
        padding: 10px;
    }

    #appCvPage .tabs {
        text-align: center;
        margin-top: 126px;
        padding-top: 60px;
    }

    #appCvPage .tabs a {
        padding: 5px 10px;
        white-space: nowrap;
        line-height: 28px;
    }

    #appCvPage select {
        width: 100% !important;
        padding: 5px;
    }

    #appCvPage select[multiple] {
        height: 80px !important;
    }

    #appCvPage #Table12 {
        width: 100% !important;
    }

    #appCvPage .tab .details input[type=checkbox] {
        margin-left: 5px;
    }

    #appCvPage input.add-value {
        margin-top: 10px;
    }


    #appCvPage #AscxCvForm1_secTab #Table54 {
        width: 100%;
    }

    #appCvPage #AscxCvForm1_secTab td > div {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    #appCvPage textarea {
        width: 100% !important;
        height: 40px !important;
    }

    #appCvPage #AscxCvForm1_secTab .edu-table td > div {
        margin: 0px;
        margin-bottom: 10px;
    }

    #appCvPage #Table55 tbody td {
        padding: 3px;
    }

    #appCvPage #Table55 tbody input {
        height: 20px;
        margin-bottom: 0px !important;
    }

    #appCvPage .btnholder input {
        margin-bottom: 5px;
    }

    #appCvPage .btnholder input.hidden {
        margin-bottom: 0px;
    }


    #appCvPage .btnholder input:nth-child(2) {
        margin-right: 0px;
    }

    #appCvPage #cvWrite {
        margin: 0px !important;
    }

    #appCvPage #AscxCvForm1_lastTab td > div > div:nth-child(1) {
        width: 100%;
    }

    #appCvPage #AscxCvForm1_lastTab td > div > div:nth-child(2),
    #appCvPage #AscxCvForm1_lastTab td > div > div:nth-child(2) .selectbox {
        margin: 0px;
        width: 100%;
    }

    #appCvPage #AscxCvForm1_lastTab td > div {
        display: block;
    }

    #appCvPage #AscxCvForm1_lastTab td > div > div:nth-child(4) {
        margin-top: 10px;
    }

    #appCvPage #AscxCvForm1_lastTab td > div > div:nth-child(4) input:first-child {
        margin-bottom: 5px;
    }

    #appCvPage #AscxCvForm1_lastTab input[type="file"] {
        width: 100% !important;
    }

    #appCvPage #AscxCvForm1_lastTab .savefilewrapper {
        margin: 0px !important;
    }


    /*employer_register*/
    .employer_register_page .message {
        padding: 8px;
    }

    .employer_register_page .message a {
        font-size: 15px;
    }

    .employer_register_page .message span {
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
    }

    .employer_register_page .label {
        font-size: 15px;
    }

    .employer_register_page .text:first-child {
        padding-top: 10px !important;
    }

    .employer_register_page .text {
        font-weight: normal;
    }

    .employer_register_page .text a {
        font-size: 15px;
    }

    .employer_register_page .text input[type=checkbox] {
        margin-left: 5px;
    }

    .employer_register_page tr.padding td {
        padding: 0px;
    }

    .employer_register_page tr.padding td:nth-child(1),
    .employer_register_page tr.padding td:nth-child(3) {
        padding: 0px 8px 0px 8px;
    }

    .employer_register_page tr.padding td:nth-child(2), .employer_register_page tr.padding td:nth-child(4) {
        display: none;
    }

    .employer_register_page textarea {
        margin-bottom: 20px;
    }

    .employer_register_page input[type="file"] {
        width: 100%;
        margin-bottom: 5px;
    }

    /*employer spy edit*/
    #empSpyEditsPage .content-wrapper {
        box-sizing: border-box;
        padding: 8px;
    }

    #empSpyEditsPage .content-wrapper > table {
        border: 0 !important;
    }

    #empSpyEditsPage .main_menu {
        margin-top: -23px;
    }

    #empSpyEditsPage ol {
        margin: 10px 18px 0 0 !important;
    }

    #empspyeditspage .clsempsearchdiv {
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
    }

    #empspyeditspage .clsempsearchdiv:first-child {
        margin-top: 10px;
    }


    #empspyeditspage .clsempsearchdiv > span {
        font-size: 15px !important;
        margin-bottom: 5px;
    }


    #empspyeditspage textarea,
    #empspyeditspage input[type=text] {
        padding: 10px;
        font-size: 14px !important;
    }

    #empspyeditspage textarea {
        width: 100%;
        height: 40px;
    }

    #empspyeditspage .emp_searchResults_td {
        text-align: inherit;
    }

    #empspyeditspage .emp_searchResults_td select {
        width: 100%;
        font-size: 14px;
    }

    #empspyeditspage .save-profile-wrapper {
        float: none !important;
        padding-right: 0px !important;
        margin-bottom: 20px;
    }

    #empspyeditspage .system-message br {
        display: none;
    }

    #empspyeditspage .mainsection {
        padding-bottom: 20px;
    }

    #empspyeditspage .smart-soen {
        margin-bottom: 10px;
    }

    #empspyeditspage .lblEmp_search_box {
        font-size: 15px;
    }


    /*contact us page*/
    .contact-us-page .call-section .bgcolor3 {
        background-color: #1B4077;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 3px;
    }

    .contact-us-page .call-section .bgcolor3 span {
        font-size: 17px;
    }

    .contact-us-page .call-section .content {
        padding: 8px;
        text-align: center;
    }

    .contact-us-page .call-section .content > span {
        display: block;
        font-size: 17px;
        margin-bottom: 5px;
    }

    .contact-us-page .call-section .content > img {
        margin: 5px;
    }

    .contact-us-page .call-section .content a {
        font-size: 15px;
        line-height: 20px;
    }

    .contact-us-page .contact-us-img-td {
        width: 100% !important;
    }

    #contactwrapper tr.padding td,
    .contact-us-page .fieldstable td {
        padding: 0px;
        font-size: 15px;
    }

    .contact-us-page .fieldstable td.label {
        padding-top: 5px !important;
    }

    .contact-us-page .fieldstable td.content-wrapper {
        padding: 15px 8px;
    }

    .contact-us-page .fieldstable textarea {
        margin-bottom: 20px;
    }

    .contact-us-page input[type="button"], .contact-us-page input[type="submit"] {
        margin-bottom: 10px;
    }


    /*empoyer register popup*/
    .popup.modalEmpRegister {
        width: 100%;
        padding: 0px;
        margin: 0;
        border: 0;
        left: inherit;
        height: 1000px;
        background-color: #ddd;
    }

    .popup.modalEmpRegister > iframe {
        width: 100%;
        height: 100%;
    }

    .popup.modalEmpRegister > iframe .blue-template {
        background-color: #ddd;
    }

    .popup.modalEmpRegister #empRegistarWrapper #Table5 tr.padding td:nth-child(2) {
        display: none;
    }

    .popup.modalEmpRegister iframe {
        height: 1000px !important;
    }


    /*modalBuyOldMessage*/
    .modalBuyOldMessage {
        width: 100%;
        left: inherit;
        margin: 0px;
        padding: 8px;
        box-sizing: border-box;
        border: 0;
        border-radius: 0;
    }

    .modalBuyOldMessage button {
        background-color: #BABDC5;
        border: 0;
        color: #022777 !important;
        color: black;
        font-weight: bold;
        display: block !important;
        width: 100%;
        margin-bottom: 5px;
        font-size: 15px;
        padding: 8px !important;
    }
}

@media only screen and (max-width: 360px) {

    .tabs a {
        font-size: 12px;
    }

    #appCvPage .tabs {
        margin-top: 152px;
    }

    #myAreaPage .newTableTd,
    #myAreaPage .newTableTdHeader a,
    #myAreaPage .newTableTdHeader {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 320px) {
    #appCvPage #AscxCvForm1_lblMsg {
        margin-bottom: 35px !important;
    }
}


@media screen and (min-width: 360px) {
    .sm\:p-0 {
        padding:0rem !important
    }

    .sm\:p-1 {
        padding: .25rem !important
    }

    .sm\:p-2 {
        padding: .5rem !important
    }

    .sm\:p-3 {
        padding: 1rem !important
    }

    .sm\:p-4 {
        padding: 1.5rem !important
    }

    .sm\:p-5 {
        padding: 2rem !important
    }

    .sm\:p-6 {
        padding: 3rem !important
    }

    .sm\:p-7 {
        padding: 4rem !important
    }

    .sm\:p-8 {
        padding: 5rem !important
    }

    .sm\:pt-0 {
        padding-top: 0rem !important
    }

    .sm\:pt-1 {
        padding-top: .25rem !important
    }

    .sm\:pt-2 {
        padding-top: .5rem !important
    }

    .sm\:pt-3 {
        padding-top: 1rem !important
    }

    .sm\:pt-4 {
        padding-top: 1.5rem !important
    }

    .sm\:pt-5 {
        padding-top: 2rem !important
    }

    .sm\:pt-6 {
        padding-top: 3rem !important
    }

    .sm\:pt-7 {
        padding-top: 4rem !important
    }

    .sm\:pt-8 {
        padding-top: 5rem !important
    }

    .sm\:pr-0 {
        padding-right: 0rem !important
    }

    .sm\:pr-1 {
        padding-right: .25rem !important
    }

    .sm\:pr-2 {
        padding-right: .5rem !important
    }

    .sm\:pr-3 {
        padding-right: 1rem !important
    }

    .sm\:pr-4 {
        padding-right: 1.5rem !important
    }

    .sm\:pr-5 {
        padding-right: 2rem !important
    }

    .sm\:pr-6 {
        padding-right: 3rem !important
    }

    .sm\:pr-7 {
        padding-right: 4rem !important
    }

    .sm\:pr-8 {
        padding-right: 5rem !important
    }

    .sm\:pl-0 {
        padding-left: 0rem !important
    }

    .sm\:pl-1 {
        padding-left: .25rem !important
    }

    .sm\:pl-2 {
        padding-left: .5rem !important
    }

    .sm\:pl-3 {
        padding-left: 1rem !important
    }

    .sm\:pl-4 {
        padding-left: 1.5rem !important
    }

    .sm\:pl-5 {
        padding-left: 2rem !important
    }

    .sm\:pl-6 {
        padding-left: 3rem !important
    }

    .sm\:pl-7 {
        padding-left: 4rem !important
    }

    .sm\:pl-8 {
        padding-left: 5rem !important
    }

    .sm\:pb-0 {
        padding-bottom: 0rem !important
    }

    .sm\:pb-1 {
        padding-bottom: .25rem !important
    }

    .sm\:pb-2 {
        padding-bottom: .5rem !important
    }

    .sm\:pb-3 {
        padding-bottom: 1rem !important
    }

    .sm\:pb-4 {
        padding-bottom: 1.5rem !important
    }

    .sm\:pb-5 {
        padding-bottom: 2rem !important
    }

    .sm\:pb-6 {
        padding-bottom: 3rem !important
    }

    .sm\:pb-7 {
        padding-bottom: 4rem !important
    }

    .sm\:pb-8 {
        padding-bottom: 5rem !important
    }

    .sm\:px-0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important
    }

    .sm\:px-1 {
        padding-left: .25rem !important;
        padding-right: .25rem !important
    }

    .sm\:px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .sm\:px-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .sm\:px-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .sm\:px-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .sm\:px-6 {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .sm\:px-7 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .sm\:px-8 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .sm\:py-0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important
    }

    .sm\:py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .sm\:py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .sm\:py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .sm\:py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .sm\:py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .sm\:py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .sm\:py-7 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .sm\:py-8 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
}