@charset "UTF-8";
/* CSS Document */

@media (max-width: 999px) {

    body {
        font-size: 14px;
    }

    h1{
        font-size: 38px;
        line-height: 1;
    }
    h2{
        font-size: 32px;

    }

    h3{
        font-size: 18px;
    }

    p {
        padding-top: 10px;
        line-height: 1.3;
        font-size: 14px;
    }


    .mobile-br{
        display: block ;
    }

    .desktop-br{
        display: none ;
    }

    .ipad-p-br{
        display: none;
    }

    #scroll-to-top {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;

    }

    #scroll-to-top .arrow {
        border-width: 0 2px 2px 0;
        padding: 3px;
        height: 5px;
        width: 5px;
        top: 17px;

    }


    #scroll-to-top.active:hover {
        -moz-transform: unset;
        -o-transform:   unset;
        -ms-transform:   unset;
        -webkit-transform:   unset;
        transform:  unset;
    }


    .img-shadow {
        left: 60px;
        top: 30px;
    }

    .img-shadow-right {
        right: -15px;
        top: 60px;
    }

    .career4th .career4th-content .career4th-content-left img.img-shadow {
        left: -30px;
    }


    .button {
        padding: 12px 40px 12px 20px;
        font-size: 14px;
        margin-top: 20px;
    }

    .button .arrow {
        right: 10px;
        width: 11px;
        height: 12px;
    }




    /*header*/
    #header {
        height: 80px;
        z-index: 10;
    }

    .desktop-logo{
        display: none;
    }

    .mobile-logo{
        display: block;
    }

    #menu-apply {
        padding-right: 0px;
    }

    #logo {
        left: 20px;
        height: 20px;
        padding: 30px 0;
        z-index: 19;
    }

    #logo img{
        height: 20px;
    }


    #menu-apply ul li a.headerbutton{
        margin: 28px 0px;
        padding: 5px 18px
    }

    #header #menu-apply ul li{
        display: none;
    }

    #header a.headerbutton {
        padding: 10px 20px;
    }

    #header .header-apply-button {
        padding: 24px 60px 24px 0;
        right: 0;
        position: absolute;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
    }

    #header.scroll .header-apply-button {
        padding: 14px 60px 14px 0;
    }

    #header.scroll {
        height: 60px;
    }

    #header.scroll #menu-apply .headerbutton {
        margin: 14px 0px;
    }

    #header.scroll #logo {
        /*padding: 14px 0;*/
        padding: 20px 0;
    }

    #menu-icon.scroll {
        margin: 5px 0;
    }

    #menu-apply ul {
        float: left;
    }

    #header .button .arrow {
        right: 9px;
    }

    .button .arrow-bg {
        width: 32px;
    }

    #header a.button {
        padding: 10px 50px 10px 15px;
        font-size: 12px;
    }


    #menu-icon {
        position: fixed;
        display: block;
        right: 0;
        top: 0;
        width: 60px;
        height: 50px;
        /* background: #231f20; */
        z-index: 21;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        float: left;
        opacity: 1;
        margin: 15px 0;
    }

    #menu-icon .menu-icon-warp {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        overflow: hidden;
    }

    #menu-icon span {
        display: block;
        width: 20px;
        height: 2px;
        margin: 0;
        background: #505050;
        position: absolute;
        -webkit-transition: -webkit-transform .3s,top .3s,background-color 0s;
        -moz-transition: -moz-transform .3s,top .3s,background-color 0s;
        transition: transform .3s,top .3s,background-color 0s;
    }

    #menu-icon span:nth-child(1) {
        top: 10%;
    }

    #menu-icon span:nth-child(2) {
        top: 45%;
        width: 85%;
    }

    #menu-icon span:nth-child(3) {
        top: 82%;
    }

    #menu-icon.active span:nth-child(1) {
        top: 7px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #menu-icon.active span:nth-child(2) {
        background: transparent;
    }

    #menu-icon.active span:nth-child(3) {
        top: 7px;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    /*mobile menu*/
    #mobile-menu {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        right: -100%;
        top: 0;
        cursor: pointer;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        z-index: 18;
    }

    #mobile-menu.active {
        right: 0;
    }

    #mobile-menu .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, .98);

    }

    #mobile-menu ul li a {
        display: block;
        padding: 12px 0;
        -webkit-text-size-adjust: none;
        font-size: 30px;
        font-family: 'Frank Ruhl Libre', Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-style: normal;
        color: #000000;
        text-transform: uppercase;
    }

    #mobile-menu ul li a.active {
        color: #2199c6;
    }

    #mobile-menu ul {
        /*position: relative;*/
        /*z-index: 2;*/
        /*margin-top: 200px;*/

        position: absolute;
        z-index: 2;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        list-style: none;
    }

    #mobile-menu ul li {
        margin: auto;
        width: 190px;
        text-align: center;
    }


    #mobile-menu.active + div#dim {
        opacity: 0.6;
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        visibility: visible;
    }

    /*end header*/


    .pre-footer {
        /*background: url(../assets/footer_bannerm.jpg) no-repeat;*/
        background-size: cover;
        background-position: center;
        margin-top: -40px;
    }

    .pre-footer .pre-footer-container {
        width: 100%;
    }

    .pre-footer .pre-footer-container h1 {
        font-size: 42px;
    }

    .pre-footer .pre-footer-container p {
        font-size: 18px;
    }

    .pre-footer .element {
        width: 50%;
        max-width: 130px;
    }

    .pre-footer.pre-footer-career .element {
        left: 0%;
        width: 80%;
    }

    .pre-footer.pre-footer-about .element {
        left: 0%;
        width: 90%;
    }

    .pre-footer.pre-footer-benefits .pre-footer-container {
        top: 70%;
    }


    .footer .footer-contain {
        padding-top: 30px;
        width: 90%;
    }

    .footer .footer-contain .contact-us {
        width: 100%;
        float: unset;
        text-align: center;
    }

    .footer .footer-contain .follow-us {
        font-size: 16px;
        width: 100%;
        float: unset;
        text-align: center;
        padding-top: 10px;
    }

    .footer .footer-contain .follow-us p {
        text-align: center;
        width: 100%;
        float: unset;
        margin: auto;
    }

    .footer .footer-contain .contact-us p {
        font-size: 12px;
    }











    .footer .copyright {
        font-size: 10px;
        text-align: center;
    }

    .footer .footer-logo {
        padding-bottom: 10px;
        margin: auto;
    }

    /*home*/
    .home1st-content {
        width: 80%;
        top: 23%;
    }

    .home1st .home1st-content p {
        max-width: 188px;
        font-size: 16px;
        padding-top: 20px;
        line-height: 1.5;
    }

    .home1st .home1st-content a .button {
        margin-top: 40px;
    }


    .home1st {
        height: 100%;
    }

    .home1st .overlay-bg {
        background-image: url(../assets/home_bannerm.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .home-15 {
        -webkit-clip-path: polygon(100% 40px, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 40px, 100% 100%, 0 100%, 0 100%, 0 0);
        margin-top: -40px;
        padding: 80px 0 100px;
    }

    .home-15 .container ul li {
        width: 100%;
    }

    .home-15 .container ul li .li-container {
        width: 100%;

    }

    .home-15 .container ul li:nth-of-type(2) .li-container p {
        padding-top: 30px;
    }


    .home2nd .home2nd-content .home2nd-content-right .home2nd-content-text h2 {
        max-width: 200px;
    }


    .home2nd .element {
        max-width: 50px;
    }






    .home2nd-content {
        position: relative;
        width: 80%;
        top: unset;
        margin: auto;
        right: unset;
        padding: 100px 0 300px;
    }


    .home2nd {
        margin-top: -40px;

        overflow: hidden;
    }

    .home2nd .bg {
        -webkit-clip-path: polygon(100% 40px, 100% 100%, 0 100%, 0 100%, 0 0);
        clip-path: polygon(100% 40px, 100% 100%, 0 100%, 0 100%, 0 0);
    }

    .home2nd .home2nd-content .home2nd-content-left img.secondimg {
        width: 40%;
        bottom: 15%;
    }


    .home2nd .home2nd-content .home2nd-content-left {
        width: 100%;
        float: unset;
    }

    .home2nd .home2nd-content .home2nd-content-left img.firstimg {
        float: unset;
        margin: auto;
        display: block;
    }


    .home2nd .home2nd-content {
        padding: 80px 0 0;

    }

    .home2nd .home2nd-content .home2nd-content-right {
        width: 100%;
        padding: 50px 0;
        margin: auto;
        float: unset;
    }

    .home2nd .home2nd-content .home2nd-content-right .home2nd-content-text {
        width: 80%;
        margin: auto;
        float: unset;
    }


    .home3rd .home3rd-content .home3rd-content-right {
        width: 100%;
        float: unset;
    }

    .home3rd .home3rd-content .home3rd-content-right img.firstimg {
        float: unset;
        margin: auto;
        display: block;
    }

    .home3rd .home3rd-content .home3rd-content-right img.secondimg {
        display: none;
    }


    .home3rd .home3rd-content {
        padding: 150px 0 80px;

    }

    .home3rd .home3rd-content .home3rd-content-left {
        width: 100%;
        padding: 50px 0;
        margin: auto;
        float: unset;
    }

    .home3rd .home3rd-content .home3rd-content-left .home3rd-content-text {
        width: 80%;
        margin: auto;
        float: unset;
    }


    .home4th {

    }

    .home4th .home4th-content .home4th-container .home4th-content-text p {
        padding-top: 20px;
    }

    .home4th #testimonial-left-arrow {
        left: 2%;
    }

    .home4th #testimonial-right-arrow {
        right: 2%;
    }

    .home4th h2 {
        padding-top: 80px;
    }

    .home4th .home4th-content {
        padding: 50px 0 100px;
        width: 100%;
    }

    .home4th #testimonial-left-arrow:after {
        padding: 4px;
    }

    .home4th #testimonial-right-arrow:after {
        padding: 4px;
    }


    .home4th .home4th-content .home4th-container .home4th-content-text span {
        font-size: 15px;
    }

    .home4th .home4th-content .home4th-container .home4th-content-text label {
        font-size: 15px;
    }







/*end home*/


    /*about*/

    .about1st {
        height: 280px;
    }

    .about1st .overlay-bg {
        /*background-image: url(../assets/about_bannerm.jpg);*/
        /*background-size: cover;*/
        /*background-position: right center;*/
    }


    .about1st-content {
        bottom: 12%;
        right: 10px;
    }

    .about1st-content p {
        font-size: 14px;
        padding-top: 10px;
        line-height: 1.3;
    }

    .about2nd {
        margin-top: -40px;
    }

    .about2nd .bg1 {
        height: 90px;
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 0);
    }

    .about2nd .bg {
        -webkit-clip-path: polygon(100% 40px, 100% 100%, 0% 100%, 0 0) !important;
        clip-path: polygon(100% 40px, 100% 100%, 0% 100%, 0 0) !important;
    }

    .about2nd .bg2 {
        height: 40%;
        width: 100%;
    }

    .about2nd-content .text-container {
        width: 100%;
    }

    .about2nd-content .left-container {
        position: relative;
        right: unset;
        width: 100%;
        padding: 90px 0 40px;
        margin-top: 40px;
    }

    .about2nd-content .left-container .text p {
        font-size: 20px;
    }

    .about2nd-content .left-container .text label {
        padding-top: 15px;
        font-size: 20px;
    }

    .about2nd .about3rd-content {
        width: 90%;
    }

    .about2nd .about3rd-content ul li {
        width: 100%;
        float: unset;
        padding: 20px 0;
    }

    .about2nd .about3rd-content ul li .li-container {
        width: 100%;
    }

    .about2nd .about3rd-content ul {
        padding: 25px 0px;
        width: 80%;
        margin: auto;
    }

    .about2nd .about3rd-content ul li img {
        max-width: 50px;
    }

    .about2nd .about3rd-content ul li label {
        font-size: 18px;
    }

    .about2nd-content {
        width: 80%;
        padding: 100px 0 0px;
    }

    .about2nd-content h2 {
        font-size: 38px;
    }

    .about2nd-content p {
        font-size: 16px;
        line-height: 1.3;
    }

    .about3rd {
        background-size: cover;

    }


    .about3rd .about3rd-content {
        width: 90%;
        padding: 40px 0 40px;
    }

    .about3rd .about3rd-content .about3rd-content-header {
        width: 70%;
        padding: 20px 0;
    }

    .about3rd .about3rd-content ul li {
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 30px 0px;
    }

    .abouthsr {
        height: 350px;
         margin-bottom: -40px;
    }


    .abouthsr-content {
        width: 80%;
        padding: 200px 0 100px;

    }

    .abouthsr-content .abouthsr-content-hsr {
        font-size: 80px;
        letter-spacing: 1rem;
        padding-left: 1rem;
    }

    .abouthsr-content .abouthsr-content-core {
        font-size: 18px;
    }

    .abouthsr-content .abouthsr-content-squared {
        font-size: 28px;
    }

    .about4th {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px));
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 40px));
    }

    .about4th .about4th-content {
        width: 80%;
        padding: 100px 0 100px;
    }

    .about4th .about4th-content ul li {
        width: 100%;
        padding: 5px 0px;
    }

    .about4th .about4th-content ul {
        padding-top: 30px;
    }

    .about5th {
        margin-bottom: 450px;
    }


    .about5th .about5th-content {
        width: 80%;
        padding: 40px 0 80px;
    }

    .about5th .about5th-content h3 {
        font-size: 28px;
    }

    .about5th #map {
        height: 300px;
    }

    .about6th .about6th-content ul li {
        width: 100%;
        padding: 20px 35px;
    }

    /*end about*/

    /*career*/
    .career1st-content {
        top: 25%;
        width: 80%;
        text-align: center;
        left: 10%;
    }

    .career1st {

        height: 280px;
    }

    .career1st .overlay-bg {
        /*background-image: url(../assets/career_bannerm.jpg);*/
        /*background-size: cover;*/
        /*background-position: center;*/
    }

    .career1st-content p {
        font-size: 20px;
        line-height: 1.3;
        padding-top: 10px;
    }

    .career2nd {
        margin-top: -40px;
    }

    .career2nd .bg {
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 40px) !important;
        clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 40px) !important;
    }

    .career2nd .bg1 {
        height: 90px;
        -webkit-clip-path: polygon(100% 0, calc(100% - 40px) 100%, 0% 100%, 0 0);
        clip-path: polygon(100% 0, 100% calc(100% - 40px), 0% 100%, 0 0);
    }

    .career2nd .bg2 {
        height: 40%;
        width: 100%;
    }


    .career2nd-content {
        width: 80%;
        padding: 120px 0px;
    }

    .career2nd-content h2 {
        font-size: 28px;
    }

    .career2nd-content p {
        padding-top: 10px;
    }

    .career2nd .element {
        transform: translate(10%, 25%);
        -webkit-transform: translate(10%, 25%);
        -moz-transform: translate(10%, 25%);
        -ms-transform: translate(10%, 25%);
        -o-transform: translate(10%, 25%);
    }

    .career3rd .bg {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0% 100%);
    }


    .career3rd {
        overflow: hidden;
    }

    .career3rd .career3rd-content .career3rd-content-right img.firstimg.img-shadow {
        width: 115%;
        top: -12%;
        left: -7%;
    }



    .career3rd .career3rd-content .career3rd-content-right {
        width: 100%;
    }

    .career3rd .career3rd-content .career3rd-content-left {
        width: 80%;
        margin: 50px 10% 100px;
    }


    .career3rd .career3rd-content .career3rd-content-right img.firstimg {
        float: unset;
        margin: auto;
        display: block;
    }

    .career3rd .career3rd-content .career3rd-content-right img.secondimg {
        display: none;
    }

    .career4th .career4th-content .career4th-content-left img.firstimg {
        float: unset;
        margin: auto;
        display: block;
    }

    .career4th .career4th-content .career4th-content-left img.secondimg{
        display: none;
    }


    .career3rd .career3rd-content {
        padding: 200px 0 0 0;
    }

    .career4th .career4th-content .career4th-content-left {
        width: 100%;
        float: unset;
    }

    .career4th .career4th-content .career4th-content-right {
        width: 80%;
        margin: 50px auto 100px auto;
        float: unset;
        max-width: unset;
    }

    .career4th .career4th-content .career4th-content-left img.firstimg.img-shadow-right {
        width: 130%;
        top: -12%;
        right: -25%;
    }


    .career4th .career4th-content {
        padding: 100px 0 10px;
    }

    .career4th {
        overflow: hidden;
    }

    /*end career*/


    /*benefits*/

    .benefits1st {
        height: 280px;
    }

    .benefits2nd {
        margin-top: -40px;
    }

    .benefits1st .overlay-bg {
        /*background-image: url(../assets/benefits_bannerm.jpg);*/
        /*background-size: cover;*/
        /*background-position: center center;*/
    }

    .benefits1st .overlay-bg {
        top: 60px;
        height: calc(100% - 60px);
    }

    .benefits2nd > .bg {
        -webkit-clip-path: polygon(100% 40px, 100% 100%, 0% calc(100% - 40px), 0 0);
        clip-path: polygon(100% 40px, 100% 100%, 0% calc(100% - 40px), 0 0);
    }

    .benefits2nd .bg1 {
        height: 90px;
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 40px), 0 0);
    }


    .benefits1st-content h1 {
        font-size: 36px;
    }

    .benefits1st-content p {
        font-size: 20px;
        line-height: 1.3;
        padding-top: 10px;
    }

    .benefits1st-content {
        width: 80%;
        top: 25%;
        text-align: center;
        left: 10%;


    }

    .benefits2nd .container ul li {
        width: 100%;
        display: block;
    }

    .benefits2nd .container .title {
        position: relative;
        top: unset;
        width: 80%;
        max-width: unset;
        left: unset;
        right: unset;
        text-align: center;
        margin: auto;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        padding-bottom: 30px;
    }

    .benefits2nd .container {
        padding: 130px 0;
    }

    .benefits2nd .container ul li .li-container .text-container {
        width: 94%;
    }










    /*end benefits*/





/*mdrt*/
    .mdrt2nd-content {
        width: 80%;
        padding: 60px 0;
    }
    .mdrt1st {
        height: 400px;
        background-position: center;
    }

    .mdrt3rd .mdrt3rd-content {
        width: 100%;
        padding: 100px 0;
    }

    .mdrt3rd .mdrt3rd-content ul li {
        width: 80%;
        float: unset;
        margin: auto;
        height: 380px;
    }

    .mdrt3rd {
        margin-bottom: 450px;

    }

    /*end mdrt*/




    .apply-now .content {
        width: 90%;
        padding-bottom: 20px;
    }

    .apply-now .content .apply-header {
        padding: 25px 0 0;
    }

    .apply-now .content .form .input {
        width: 90%;
    }

    .apply-now .content .form input[type=text], .apply-now .content .form input[type=email] {
        padding: 10px 15px;
        margin: 6px 0;
        font-size: 1.4rem;
    }

    .apply-now .content .form select {
        padding: 10px 20px;
        margin: 6px 0;
        font-size: 1.4rem;
    }

    .apply-now .content .form p {
        max-width: 250px;
        margin: auto;
        position: relative;
    }

    .apply-now .content .form .select-wrapper:after {
        right: 10px;
    }








    .legal-10 {
        padding-top: 150px;
        padding-bottom: 280px;
    }

    .legal-10 .container .text-container h1 {
        font-size: 4rem;
    }

    .legal-10 .container .text-container p:nth-of-type(1) {
        padding-top: 20px;
    }

    .legal-10 .container .text-container ol li p {
        padding-top: 15px !important;
    }

    .legal-10 .container .text-container ol {
        padding-top: 10px;
    }








































}


@media (max-width: 405px) {

    .applynow .applynow-content h3 br {
        display: block;
    }

}

@media (max-width: 374px) {
    .home1st-content .button {
        font-size: 13px;

    }

}



@media (max-width: 330px) {
    h1 {
        font-size: 31px;
    }

}



@media (max-width: 767px) {


    .benefits2nd .container ul li .li-container {
        padding-bottom: 70%;
    }

    .benefits2nd .container ul li .mobile-text{
        display: block;
        text-align: center;
        width: 80%;
        margin: auto;
        padding: 20px 0 40px;
        max-width: 280px;
    }

    .benefits2nd .container ul li .li-container .text-container p {
        display: none;
    }

    .benefits2nd .container ul li .li-container .text-container h3 {
        font-size: 20px;
    }

    .benefits2nd .container ul li:nth-of-type(1) .li-container .text-container h3 {
        padding-top: 80px;
    }

    .benefits2nd .container ul li:nth-of-type(2) .li-container .text-container h3 {
        padding-top: 60px;
    }

    .benefits2nd .container ul li:nth-of-type(4) .li-container .text-container {
        max-width: 200px;
    }

    .benefits2nd .container ul li:nth-of-type(3) .li-container .text-container h3, .benefits2nd .container ul li:nth-of-type(4) .li-container .text-container h3 {
        padding-top: 130px;
    }









}




@media (min-width: 768px) and (max-width: 999px) {


    body {
        font-size: 17px;
    }

    h1{
        font-size: 50px;
    }

    h2{
        font-size: 44px;
    }

    h3{
        font-size: 22px;
    }

    p {
        font-size: 17px;
        padding-top: 15px;
    }



    .img-shadow {
        right: -50px;
        top: -80px;
    }

    .img-shadow-right {
        left: 100px;
        top: 90px;
    }



    .career4th .career4th-content .career4th-content-left img.img-shadow {
        left: 60px;
        right: unset;
    }


    .desktop-logo{
        display: block;
    }

    .mobile-logo{
        display: none;
    }


    .mobile-br{
        display: none ;
    }

    .desktop-br{
        display: none ;
    }

    .ipad-p-br{
        display: block;
    }


    .pre-footer .pre-footer-container {

    }

    .pre-footer.pre-footer-career .pre-footer-container {
        top: 40%;
    }



    .about4th #about4th-content .about4th-left {
        height: 500px;
    }

    .about4th #about4th-content {
        height: 700px;

    }

    .about4th #about4th-content .about4th-left .element-1 {
        height: 125px;
    }

    .about4th #about4th-content .about4th-left .element-1 .about4th-roof-logo {
        bottom: 25px;
        width: unset;
    }

    .about4th #about4th-content .about4th-left .element-2 {
        top: 133px;

        height: 17px;
    }

    .about4th #about4th-content .about4th-left .element-4 {
        height: 17px;
    }

    .about4th #about4th-content .about4th-left .element-3 {
        height: 13px;
        bottom: 25px;
    }

    .about4th #about4th-content .about4th-left .element-g {
        bottom: 42px;
    }

    .about4th #about4th-content .about4th-left .element-f {
        bottom: 42px;
    }

    .about4th #about4th-content .about4th-left .element-i {
        bottom: 42px;
    }

    .about4th #about4th-content .about4th-left .element-r {
        bottom: 42px;
    }

    #about4th-content .about4th-indicator {
        bottom: 10px;
    }

    .about5th .about5th-content ul li {
        width: 50%;
    }

    #testimonial-popup {
        width: 80%;
        height: auto;
         top: 150px;
    }

    #testimonial-popup .testimonial-popup-content .testimonial-mobile-scroll {
        overflow: unset;
        height: unset;
        margin-top: unset;
    }

    #testimonial-popup .testimonial-popup-content {
        padding: 130px 0 50px 0;
    }


    .benefits1st-content {
        top: 35%;
        left: 50%;
        width: 80%;
        max-width: 350px;
        text-align: left;
    }

    .benefits1st-content h1 {
        font-size: 50px;
    }

    .benefits1st-content p {
        font-size: 24px;
        line-height: 1.3;
        padding-top: 10px;
    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container .line2 {
        width: 100%;

    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container .line1 {
        width: 100%;
    }

    .career1st-content {
        top: 45%;
        left: 45%;
        width: 80%;
        max-width: 350px;
        text-align: left;
    }

    .benefits1st .overlay-bg {
        background-position: bottom left;
    }

    .career1st .overlay-bg {
        background-image: url(../assets/career_banner.jpg);
        background-position: 40%;
    }


    .career1st {
        /*background-image: url(../assets/career_banner_ppad.jpg);*/
        /*background-size: cover;*/
        /*background-position: center;*/
        height: 400px;
    }

    .career1st-content h1 {
        font-size: 50px;
    }
    .career1st-content p {
        font-size: 24px;
        line-height: 1.3;
        padding-top: 10px;
    }

    .about3rd .about3rd-content .about3rd-left {
        margin-top: 0px;

    }

    .about4th .about4th-content-four-pillars {
        padding: 80px 0 40px;

    }

    .pre-footer {
        /*background: url(../assets/footer_banner_ppad.jpg) no-repeat;*/
        background-size: cover;
        height: 65%;

    }

    .home-15 .container ul li {
        width: 50%;
    }

    .home-15 .container ul li .li-container {
        width: 90%;
    }

    .home-15 .container ul li:nth-of-type(2) .li-container p {
        padding-top: 50px;
    }







    .home2nd {
        height: auto;
    }


    .home2nd-content {
        padding: 100px 0 400px;
        width: 50%;
        margin-left: 40%;
    }

    .home2nd-content h2 br{
        display: none;
    }

    .home1st-content {
        top: 25%;
        width: 80%;
        left: 5%;
        max-width: 390px;
    }

    .home1st .home1st-content p {
        max-width: 325px;
        font-size: 17px;
    }

    .home1st .overlay-bg {
        background-image: url(../assets/home_banner.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .home1st-content h1 br{
        display: none;
    }

    .about3rd .about3rd-content .about3rd-right {
        width: 65%;
        position: relative;
        float: unset;
        margin: auto;
    }

    .about1st {
        /*background-image: url(../assets/about_banner_ppad.jpg);*/
        /*background-size: cover;*/
        height: 400px;
    }

    .about2nd {
        margin-top: -50px;
    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container .line1 {
        width: 100%;
    }

    .about1st-content {
        bottom: 12%;
        right: 125px;
    }


    .mdrt3rd .mdrt3rd-content ul li {
        width: 50%;
        float: unset;
        margin: auto;
        height: auto;
    }

    .home3rd .home3rd-content .home3rd-content-right img.firstimg {
        width: 65%;
    }

    .home2nd .home2nd-content .home2nd-content-left img.firstimg {
        width: 65%;
    }

    .about3rd .about3rd-content ul li {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .abouthsr-content .abouthsr-content-core {
        font-size: 30px;
    }


    .home3rd .home3rd-content .home3rd-content-left {
        width: 75%;
        margin: 0 auto;
        float: unset;
        padding-top: 50px;
    }

    .home3rd .home3rd-content .home3rd-content-right {
        float: unset;
    }

    .home3rd .home3rd-content .home3rd-content-left h2 br{
       display: none;
    }


    .home1st {
        background-image: url(../assets/home_banner_ppad.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 85%;
    }

    .mdrt2nd-content {
        width: 80%;
        padding: 80px 0;
    }

    .career3rd .career3rd-content .career3rd-content-right img.firstimg {
        width: 65%;
    }

    .career4th .career4th-content .career4th-content-left img.firstimg {
        width: 65%;
    }

    .career4th .career4th-content .career4th-content-right h2 br{
      display: none;
    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container img {
        width: 80%;
    }

    .about4th .about4th-content ul li {
        width: 83%;
        /* min-height: 130px; */
        float: unset;
        margin: auto;
    }

    .benefits3rd .benefits3rd-content {
        padding-bottom: 150px;
    }


    .about6th .about6th-content ul li {
        width: 50%;
        padding: 40px 35px;
    }




    .home2nd .home2nd-content .home2nd-content-left img.secondimg {
        bottom: 25%;
    }

    .home2nd .home2nd-content .home2nd-content-right .home2nd-content-text {
        width: 65%;
        max-width: unset;
    }

    .home2nd .home2nd-content .home2nd-content-right .home2nd-content-text h2 {
        max-width: 350px;
    }

    .home2nd .element {
        max-width: 70px;
    }

    .home4th .home4th-content {
        max-width: 560px;
    }

    .pre-footer .pre-footer-container h1 {
        font-size: 62px;
        max-width: 500px;
        margin: auto;
    }

    .footer .footer-contain .follow-us p {
        max-width: 440px;
    }

    .career2nd-content {
        padding: 120px 0px 150px;
        max-width: 400px;
    }

    .career2nd .element {
        transform: translate(55%, 25%);
        -webkit-transform: translate(55%, 25%);
        -moz-transform: translate(55%, 25%);
        -ms-transform: translate(55%, 25%);
        -o-transform: translate(55%, 25%);
    }

    .career3rd .career3rd-content .career3rd-content-right img.firstimg.img-shadow {
        width: 85%;
        top: -10%;
        left: -5%;
    }

    .career3rd .career3rd-content .career3rd-content-right {
        float: unset;
    }

    .career3rd .career3rd-content .career3rd-content-left {
        width: 65%;
        margin: auto;
        float: unset;
        padding: 50px 0 100px;
    }

    .career4th .career4th-content .career4th-content-left img.firstimg.img-shadow-right {
        width: 100%;
        top: -12%;
        right: auto;
        left: 3%;
    }

    .career4th .career4th-content .career4th-content-right {
        width: 65%;
        margin: auto;
        float: unset;
        padding: 50px 0 100px;
    }


    .benefits1st {
        height: 400px;
    }

    .benefits2nd .container .title {
        padding-bottom: 40px;
    }

    .benefits2nd .container ul li:nth-of-type(1) .li-container .text-container h3, .benefits2nd .container ul li:nth-of-type(2) .li-container .text-container h3 {
        padding-top: 80px;
    }

    .benefits2nd .container ul li .li-container .text-container {
        width: 80%;
    }

    .benefits2nd .container ul li:nth-of-type(3) .li-container .text-container h3, .benefits2nd .container ul li:nth-of-type(4) .li-container .text-container h3 {
        padding-top: 180px;
    }




















    .pre-footer.pre-footer-benefits .element {
        left: 0%;
    }






}




@media (min-width: 1000px) and (max-width: 1199px) {

    .img-shadow {
        left: 60px;
        top: 80px;
    }

    .img-shadow-right {
        right: -50px;
        top: 80px;
    }

    .career4th .career4th-content .career4th-content-left img.img-shadow {
        left: -60px;
    }


    .footer .footer-contain {
        width: 90%;
    }

    .footer .footer-contain .follow-us p {
        width: 100%;
    }

    #logo {
        left: 50px;
    }

    #header .header-apply-button {
        padding-right: 50px;
    }

    #header.scroll .header-apply-button {
        padding-right: 50px;
    }

    #menu-apply {
        left: 230px;
    }



    /*apply now*/
    body.applynowpage .footer {
        position: relative;
        bottom: unset;
        left: unset;
    }

    .applynow {
        height: auto;
    }

    .applynow .applynow-content {
        position: relative;
        width: 80%;
        z-index: 1;
        top: unset;
        left: unset;
        margin: auto;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        padding: 150px 0 100px;
        max-width: 500px;

    }

    .applynow .applynow-content p {
        font-size: 14px;
    }




    /*end apply now*/

    /*home*/


    .home2nd .home2nd-content .home2nd-content-right .home2nd-content-text {
        width: 80%;
        max-width: 405px;
    }

    .home2nd .home2nd-content .home2nd-content-right {
        padding: 50px 0 150px 0;
    }

    .home3rd .home3rd-content .home3rd-content-right {
        width: 50%;
    }

    .home3rd .home3rd-content {
        padding: 200px 0 100px;
    }


    .about2nd .bg1 {
        height: 120px;
        -webkit-clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 50px), 0 0);
        clip-path: polygon(100% 0, 100% 100%, 0% calc(100% - 50px), 0 0);
    }



    .about3rd .about3rd-content {
        width: 900px;
    }

    .about1st-content {
        right: 37%;
        bottom: 27%;
    }

    .about4th #about4th-content {
        width: 900px;
    }

    .about5th .about5th-content {
        width: 900px;
    }


    .career1st-content {
        top: 43%;
        left: 50%;
    }

    .career3rd .career3rd-content {
        position: relative;
        padding: 200px 0;

    }

    .career4th .career4th-content {
        padding: 100px 0 200px;
    }

    .benefits3rd .benefits3rd-content {
        width: 900px;
    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container {
        margin-bottom: 150px;
    }

    .mdrt3rd .mdrt3rd-content {
        width: 900px;
        padding: 200px 0 100px;
    }

    .mdrt3rd .mdrt3rd-content ul li {
        height: 250px;
    }

    .mdrt3rd {
        margin-bottom: 500px;

    }

    .career1st .overlay-bg {
        background-position: 30% center;
    }

    .benefits1st .overlay-bg {
        background-position: 30% center;
    }




    #testimonial-popup .testimonial-popup-content {
        padding: 140px 0 100px 0;
    }

    #testimonial-popup {
        height: 550px;
        max-height: 80%;
        top: 130px;
    }


    #testimonial-popup .testimonial-popup-content .testimonial-mobile-scroll {
        overflow: auto;
        height: 250px;
        margin-top: 10px;
    }
    #testimonial-popup .testimonial-img {
        width: 30%;
    }

    .benefits1st-content {
        top: 37%;
        left: 50%;
    }

    .benefits1st {

        /*background-image: url(../assets/benefits_banner_lpad.jpg);*/
        /*background-size: cover;*/
        /*background-position: center center;*/
        height: 520px;
    }

    .benefits2nd .container ul li .li-container .text-container {
        width: 95%;
    }

    .benefits2nd .container ul li .li-container {
        padding-bottom: 95%;
    }

    .benefits2nd .container ul li .li-container .text-container p {
        padding-top: 15px;
        font-size: 15px;
    }

    .benefits2nd .container ul li:nth-of-type(1) .li-container .text-container h3, .benefits2nd .container ul li:nth-of-type(2) .li-container .text-container h3 {
        padding-top: 30px;
    }

    .benefits2nd .container ul li:nth-of-type(3) .li-container .text-container h3, .benefits2nd .container ul li:nth-of-type(4) .li-container .text-container h3 {
        padding-top: 100px;
    }



    .career4th {
        overflow: hidden;
    }

    .career3rd .career3rd-content .career3rd-content-right img.firstimg.img-shadow {
        width: 105%;
        top: -80px;
        left: 0;
    }










    .career1st {
        /*background-image: url(../assets/career_banner_lpad.jpg);*/
        /*background-size: cover;*/
        /*background-position: center;*/
        height: 520px;
    }

    .career2nd .bg1 {
        height: 120px;
        -webkit-clip-path: polygon(100% 0, calc(100% - 50px) 100%, 0% 100%, 0 0);
        clip-path: polygon(100% 0, 100% calc(100% - 50px), 0% 100%, 0 0);
    }

    .career2nd .element {
        max-width: 300px;
        transform: translate(50%, 15%);
        -webkit-transform: translate(50%, 30%);
        -moz-transform: translate(50%, 15%);
        -ms-transform: translate(50%, 15%);
        -o-transform: translate(50%, 15%);
    }



    .career3rd .career3rd-content .career3rd-content-left {
        width: 36%;
        margin: 0px 6% 0 8%;
    }

    .career4th .career4th-content .career4th-content-right {
        width: 36%;
        margin: 0px 8% 0 6%;
        padding-top: 90px;
    }

    .career4th .career4th-content .career4th-content-left img.firstimg.img-shadow-right {
        width: 110%;
        top: -60px;
        right: -30px;
    }

    .career4th .career4th-content .career4th-content-right h2 {
        width: 290px;
    }

    .career4th .career4th-content .career4th-content-right h2 br {
       display: none;
    }

    .home3rd .home3rd-content .home3rd-content-left {
        padding: 50px 0 100px 10%;
        width: 50%;
        box-sizing: border-box;
        margin: unset;

    }

    .about4th #about4th-content .about4th-left {
        height: 400px;
    }

    .about4th #about4th-content .about4th-left .element-1 {
        height: 100px;
    }

    .about4th #about4th-content .about4th-left .element-1 .about4th-roof-logo {
        bottom: 15px;
        width: unset;
    }

    .about4th #about4th-content .about4th-left .element-2 {
        top: 108px;
        height: 13px;
    }

    .about4th #about4th-content .about4th-left .element-4 {
        height: 13px;
    }

    .about4th #about4th-content .about4th-left .element-3 {
        height: 9px;
        bottom: 21px;
    }

    .about4th #about4th-content .about4th-left .element-g {
        bottom: 35px;
    }

    .about4th #about4th-content .about4th-left .element-f {
        bottom: 35px;
    }

    .about4th #about4th-content .about4th-left .element-i {
        bottom: 35px;
    }

    .about4th #about4th-content .about4th-left .element-r {
        bottom: 35px;
    }

    .about4th #about4th-content .about4th-right .about4th-right-text {
        top: 130px;

    }

    .about4th .about4th-content-four-pillars {
        padding: 80px 0 40px;

    }




    .about1st {
        /*background-image: url(../assets/about_banner_lpad.jpg);*/
        background-size: cover;
        height: 520px;
    }

    .about2nd-content {
        padding: 150px 0 100px;
        width: 90%;
    }

    .about2nd-content .text-container {
        width: 55%;
    }

    .about2nd-content .left-container .text label {
        font-size: 25px;
    }

    .about2nd-content .left-container .text p {
        font-size: 25px;
    }

    .about2nd .about3rd-content {
        width: 90%;
    }

    .abouthsr {
        height: 350px;
    }

    .about4th .about4th-content {
        width: 95%;
        padding: 190px 0 200px;
    }

    .about4th .about4th-content ul li .li-container label {
        font-size: 1.6rem;
    }









    .home2nd {
        background-position-x: right;
    }

    .home1st-content {
        top: 25%;
        width: 90%;
        left: 5%;
    }

    .about3rd .about3rd-content .about3rd-left {
        width: 40%;
        margin-right: 10%;
        margin-top: 50px;
        float: left;
    }

    .mdrt2nd-content {

        padding: 80px 0;
    }

    .benefits3rd {
        margin-top: -50px;

    }

    .benefits3rd .benefits3rd-content .benefits3rd-content-container .benefits3rd-content-text {

        top: 50%;
        width: 40%;
        margin: 0 5%;

    }



    .about6th .about6th-content ul li{
        padding: 40px 50px;

    }


}


@media (min-width: 1200px) and (max-width: 1600px) {


    .home3rd .home3rd-content .home3rd-content-left {
        padding: 200px 0 150px 100px;
    }

    .home2nd .home2nd-content .home2nd-content-right {
        padding: 200px 100px 150px 0;
    }

}