/* PERSONAL PAGE BEGIN */
.personal .partners {
    padding-top: 200px;
}
.personal{
    padding-top: 120px;
    font-size: 18px;
}
.personal h1{
    font-size: 28px;
    padding: 10px 30px 8px 30px;
    text-align: center;
    text-transform: uppercase;
}
.personal h2{
    font-family: 'MyriadPro-bold';
    text-transform: uppercase;
    color: #97c524;
    font-size: 40px;
    padding: 30px 0px 20px 0px;
    margin: 0px auto;
    border-bottom: 2px solid #97c524;
    text-align: center;
    max-width: 352px;
}
.personal input[type="text"],
.personal input[type="email"],
.personal input[type="number"] {
    padding: 6px 20px;
    border: 1px solid #a9abad;
    font-size: 16px;
    width: 100%;
}
.what-to-do{
    max-width: 100%;
    width: 1160px;
    background: #eceded;
    padding: 60px;
    text-align: justify;
}
.what-to-do input{
    display: block;
    max-width: 530px;
    margin: 30px auto 0 auto;
}
.what-to-do p{
    margin: 0;
    padding: 10px 0;
}
.left-order{
    background: #eceded;
    float: left;
    width: 49.4%;
    margin: 40px 0px 48px 0px;
    min-height: 308px;
}
.left-order h2{
    max-width: 472px;
    margin-bottom: 10px;
}
.left-order h2,
.right-order h2{
    margin-top: 20px;
}
.left-order input[type="text"],
.left-order input[type="email"],
.left-order input[type="number"]{
    width: 66%;
    margin: 0px auto;
    margin-top: 10px;
}
.right-order{
    background: #eceded;
    float: right;
    width: 49.4%;
    margin: 40px 0px 48px 0px;
    min-height: 308px;
}
.right-order table{
    width: 79%;
    margin: 42px auto;
    border: 0;
    padding: 0;
    padding-left: 20px;
    text-align: left;
}
.right-order table td{
    width: 80%;
}
.right-order table td:last-child{
    width: 20%;
}

.personal input[type="submit"]{
    background: #97c524;
    color: #fff;
    border: 0px;
    transition: .3s;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 40px 8px 40px;
    font-size: 18px;
}

.personal input[type="submit"]:hover{
    background: #002c76;
    transition: .3s;
}
.mobile-search{
    display: none;
}

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

    .personal{
        width: 100%;
        overflow: hidden;
    }
    .personal h2{
        font-size: 30px;
    }
    .right-order table{
        padding-left: 0;
    }
    .personal.section.container {
        max-width: 980px;
    }
    .what-to-do{
        width: 860px;
    }
    .right-order table {
        width: 90%;
    }
    .left-order h2 {
        max-width: 75%;
    }
}
/* PERSONAL PAGE END */
/* TABLES & MOBILE VIEW BEGIN*/
/* TABLET LANDSCAPE */
@media screen and (max-width: 992px) and (min-width: 768px) {
    .what-to-do h2,
    .what-to-do input{
        display: none;
    }
    .what-to-do{
        width: 41%;
        padding: 4%;
        float: left;
        min-height: 573px;
    }
    .what-to-do-bottom{
        width: 49%;
        float: right;

    }
    .personal h1 {
        font-size: 28px;
    }
    .personal h2 {
        font-size: 22px;
        padding-bottom: 10px;
        padding-top: 20px;
        max-width: 230px;
        border-bottom-width:1px;
    }
    .left-order h2 {
        padding-top: 40px;
        margin-bottom: 7px;
        max-width: 270px;
        margin-top: 0px;
    }
    .right-order h2 {
        margin-bottom: 7px;
        margin-top: 0px;
    }
    .mobile-search input[type="text"]{
        width: 90%;
        padding: 6px 5%;
        margin-top: 16px;
    }
    .mobile-search{
        display: block;
        background: #eceded;
        padding: 10% 10% 10% 10%;
        height: 120px;
    }
    .left-order{
        float: none;
        width: 100%;
        margin: 15px 0px 0 0px;
        min-height: 210px;
    }
    .right-order{
        float: none;
        width: 100%;
    }
    .personal {
        padding-top: 53px;
    }
    .right-order {
        min-height: 200px;
        margin-top: 15px;
        margin-bottom: -10px;
    }
    .right-order table {
        width: 70%;
        font-size: 16px;
        margin-top: 25px;
    }
    .right-order table td {
        width: 70%;
    }
    .right-order table td:last-child {
        width: 30%;
    }
}
@media screen and (max-width: 767px) {
    .what-to-do{
        width: 92%;
        padding: 4%;
    }
    .personal {
        padding-top: 53px;
    }
    .personal .partners {
        padding-top: 180px;
    }
    .personal h2 {
        font-size: 24px;
        border-bottom-width: 1px;
        margin-top: 0px;
        padding-bottom: 5px;
        max-width: 47%;
    }
    .right-order table{
        margin-top: 20px;
        width: 70%;
    }
    .right-order table td {
        width: 70%;
        font-size: 14px;
    }
    .right-order table td:last-child {
        width: 30%;
    }
    .personal h1 {
        font-size: 24px;
        padding: 5px 30px 8px 30px;
    }
    .what-to-do input[type="text"]{
        width: 40%;
        margin-bottom: 10px;
        padding: 5px 20px;
    }
    .left-order input[type="text"],
    .left-order input[type="email"],
    .left-order input[type="number"] {
        width: 70%;
        padding: 5px 20px;
    }
    .left-order h2 {
        max-width: 100%;
    }
    .right-order h2 {
        width: 60%;
    }
    .left-order {
        width: 49%;
        min-height: 195px;
        margin-bottom: 30px;
        margin-top: 12px;
    }
    .right-order{
        width: 49%;
        min-height: 195px;
        margin-bottom: 30px;
        margin-top: 12px;

    }
}
@media screen and (max-width: 600px) {
    .personal h1 {
        font-size: 19px;
    }
    .personal h2 {
        font-size: 19px;
    }
    .right-order table{
        margin-top: 20px;
        width: 90%;
    }
    .right-order table td {
        width: 60%;
    }
    .right-order table td:last-child {
        width: 40%;
    }
}
@media screen and (max-width: 480px) {
    .what-to-do {
        width: 86%;
        padding: 7%;
    }
    .what-to-do p{
        font-size: 16px;
    }
    .personal h1 {
        font-size: 20px;
        margin-top: 20px;
        padding-bottom: 2px;
    }
    .personal h2 {
        font-size: 20px;
        max-width: 65%;
    }
    .left-order {
        width: 86%;
        padding: 0px 7%;
        margin-bottom: 15px;
    }
    .right-order{
        width: 86%;
        padding: 0px 7%;
        margin-bottom: 25px;
        margin-top: 0px;
    }
    .what-to-do input[type="text"] {
        width: 90%;
        margin-bottom: 10px;
        padding: 5px 5%;
        margin-top: 20px;
    }
    .left-order input[type="text"],
    .left-order input[type="email"],
    .left-order input[type="number"] {
        width: 90%;
        padding: 5px 5%;
    }
    .left-order h2 {
        max-width: 90%;
    }
    .personal input[type="submit"] {
        padding: 9px 25px 8px 25px;
        font-size: 16px;
        margin-bottom: 80px;
    }
    .right-order table {
        margin-top: 20px;
        width: 94%;
    }
    .right-order table td {
        width: 70%;
    }
    .right-order table td:last-child {
        width: 30%;
    }
}
@media screen and (max-width: 380px) {

}
/* TABLES & MOBILE VIEW END*/

.errors {
    color: #ff6961;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
}

.personal .what-to-do-bottom .left-order,
.personal .what-to-do-bottom .right-order{
    padding-bottom: 15px;
}