/* Author : Alyssa, Gary, Gerald*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    /*added 11/09/2022*/
    .medical-sys-top {
        display: block;
    }
	
    .gasc-img{
        height: auto !important; 
    }

    .top-banner-welcome{
		padding-top: 2rem;
		padding-bottom: 1rem;
    }

    /*TABLE*/
    .table>thead>tr>th {
        font-size: 18px;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th {
        font-size: 12px;
    }

    /*ERROR*/
    .error-img {
        height: 300px;
    }

    /*BACK TO TOP*/
    .back-to-top {
        width: 50px;
        height: 50px;
    }

    .back-to-top .fa {
        vertical-align: bottom;
    }
    .top-banner-welcome {
        height: auto !important; 
    }

    /*==========================================================*/
    /*--------------------------PARTNER-------------------------*/
    /*==========================================================*/
    .partner-banner {
        height: 30rem;
    }

    .btn-partner-black {
        font-size: 2rem;
        padding: 1.4rem 0rem;
    }

    .btn-partner-green {
        font-size: 2rem;
        padding: 1.3rem 0rem;
    }

    /*==========================================================*/
    /*--------------------------INQUIRY-------------------------*/
    /*==========================================================*/
    .inquiry-title {
        margin: 0;
    }

    .inquiry-img {
        padding-bottom: 8%;
        margin-left: 0;
    }

    .block-contact {
        padding-top: 0;
    }

    .block-email {
        margin-right: 0;
        margin-top: 2rem;
    }

    /**inquiry*/
    .inquiry-container-top {
        grid-template-columns: 1fr;
    }

    .inquiry-bottom-form {
        width: 100%;
    }

    .directions-box {
        margin: 5% 0;
        align-items: center;
    }

    .history {
        padding: 3rem;
    }


    .about-us-row {
        display: flex;
    }

    /*==========================================================*/
    /*-------------------------ABOUT US-------------------------*/
    /*==========================================================*/
    /*PHILOSOPHY*/
    .philosophy-box {
        margin: 0;
    }

    .philosophy {
        margin: 0 0 10px 0;
    }

    /*GROUP COMPANY*/
    .main-logo {
        width: 120%;
    }

    .inter-logo {
        width: 180px;
        top: 20px;
        left: 18px;
    }

    .grs-logo {
        top: 20px;
        left: 15px;
    }

    /*NEWS*/
    .left-article {
        border-right: 0;
    }

    .right-article {
        padding-left: 15px;
    }

    .article-image {
        padding-right: 10px;
    }

    /*END NEWS*/
    /* COMPANY HISTORY */
    .border-right,
    .border-right-space,
    .border-left,
    .border-left-space {
        height: 4rem;
    }

    .history-details {
        left: 0;
    }

    .history-details>.card>p {
        font-size: 14px;
    }

    /* TABLE */
    .table-medical td:nth-child(1) {
        width: 136px;
    }

    .table-medical>thead>tr>th>p {
        font-size: 18px;
    }

    .table-medical>tbody>tr>td,
    .table-medical>thead>tr>th {
        padding: 12px 20px;
    }


    /*top banner section*/

    .top-banner-container {
        display: block;
        height: auto !important; 
        padding-top: 6.5rem;
    }

    .top-banner-left h1 {
        text-align: center;
    }

    /*end */


    /*second section*/
    .secondSection-container {
       display: block;
	   width: 470px;
    }

    /*end second section*/


    /***********new case study**************/
    .new-case-study-container {
        grid-template-columns: 1fr;
    }

    /*end*/


    /*footer*/
    .container-footer {
        flex-direction: column;
    }

    .footer li {
        margin-bottom: 10px;
    }

    /*end footer*/

    /*==========================================================*/
    /*-------------------------BUSINESS-------------------------*/
    /*==========================================================*/

    .business-list:nth-child(even) .business-link {
        padding: 7rem 12rem 6.6rem 0vh;
		max-width: 72vw;
    }

    .business-list:nth-child(odd) .business-link {
        padding: 7rem 0vw 6.6rem 14vw;
		max-width: 62vw;
    }

    .business-arrow {
        right: 2rem;

    }

    .business-title {
        font-size: 22px;
    }

    .business-large-title-large {
        font-size: 48.78477306002928px;
    }

    .business-large-description {
        font-size: 12.913616398243045px;
    }
	
	.business-description {
		margin-left: 0;
		letter-spacing: 0;
		font-size: 0.53rem;
	}
	

    .business-img {
        -webkit-transform: skew(6deg) scale(1.1);
        transform: skew(6deg) scale(1.1);
        -webkit-transition: -webkit-transform 1.2s ease;
        transition: -webkit-transform 1.2s ease;
        transition: transform 1.2s ease;
        transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    }

    .business_topics {
        font-size: 32px;
    }

    .business_topics>em {
        font-size: 30px;
    }

    /*==========================================================*/
    /*----------------------current topics----------------------*/
    /*==========================================================*/

    .pickup .pickup-title {
        font-size: 32px;
    }

    .pickup .pickup-list-item-link-title {
        font-size: 27.26207906295754px
    }

    .pickup .pickup-list-item-link-description {
        font-size: 17.218155197657392px
    }

    .pickup .pickup-list-item-note {
        font-size: 12px;
    }

    .pickup .pickup-list-item-link-text {
        top: 20rem;
        left: 2.5rem;
        width: 28vw;
        -webkit-transform: skew(8deg);
        transform: skew(8deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    .pickup .pickup-item:nth-child(1) .pickup-list-item-link-text {
        left: 52%;
        width: 23vw;
    }

    .pickup .pickup-item:nth-child(1) .pickup-list-item-arrow {
        top: -10rem;
        left: 22vw;
        right: 2vw;
    }

    .pickup .pickup-item:nth-child(n+2) .pickup-list-item-arrow {
        top: -10rem;
        left: 30vw;
        right: 2vw;

    }

    .pickup .pickup-item:nth-child(3) .pickup-list-item-arrow {
        top: -10rem;
        left: 20vw;
        right: 2vw;
    }

    .pickup .pickup-list-item-note {
        margin-top: 2rem;
    }

    /*SERVICES*/
    /**SYSTEM DEVELOPMENT**/
    .sys-development {
        display: block;
    }

    .sys-development-img {
        background-size: contain;
    }

    .sys-mobile-div {
        display: block;
        padding-bottom: 2rem;
    }

    .sys-inspection {
        display: block;
    }

    .sys-inspection-img {
        background-size: contain;
    }

    .sys-e-learning {
        display: block;
    }

    .sys-e-learning-img {
        background-size: contain;
    }

    .sys-development-content,
    .sys-mobile-div-content h3,
    .sys-inspection-content h3,
    .sys-e-learning-content h3 {
        padding-top: 2rem;
    }

    /**END SYSTEM DEVELOPMENT**/

    /**OFFSHORE**/
    .offshore-dev-top {
        display: block;
		padding-bottom: 2rem;
    }

    .offshore-dev-utilization {
        display: block;
    }

    .offshore-bottom-dispatch {
        display: block;
    }

    .offshore-bottom2 {
        display: block;
    }

    .offshore-bottom2-content {
        padding-top: 3rem;
    }

    .offshore-last-div {
        display: block;
    }

    .offshore-last-content {
        padding-top: 2rem;
    }

    /*END OF OFFSHORE*/

    /*INFRASTRUCTURE*/
    .inf-isc {
        display: block;
    }

    .inf-construction {
        display: block;
    }

    /* top page */
    #p-top-description {
        font-size: 10.5px;
    }

    .top-description-div h1 {
        padding: 80px 0px 0px 10px;
    }

    /* privacy page  */
    .privacy-content-center {
        width: 100%;
    }

    #icon-logo {
        padding-left: 0;
		width: 350px;
    }

    /*31*/
    .medical-divs {
        grid-template-rows: auto;
    }

    .medical-divs2 {
        grid-template-rows: auto;
    }

    /* security */
    .security-dev-top {
        padding-bottom: 0px;
    }

    .security-dev-utilization-img {
        height: 340px;
    }

    .security-dev-utilization {
        padding-bottom: 1rem;
    }

    #security-dev {
        margin-bottom: 3rem;
    }

    /* infrastructure */
    #infrastructure h2 {
        margin-bottom: 2rem;
    }

    .inf-isc-content {
        padding-top: 20px;
    }

    /* alyssa changes 06/01/2022 (5) */
    .service-img {
        height: 20rem;
    }

    .directions-img {
        height: 15rem;
    }

    .business_topics>em {

        padding: 0 10px;
    }

    .new-recruitment-container {
        width: 80%;

    }

    #new-recruitment p {
        font-size: 13px !important;
    }

    #home-recruit-section h5 {
        font-size: 13px !important;
    }

    .btn-recruit, .btn-recruit-top {
        font-size: 13px;
    }

    #new-recruitment {
		background-position: 50% 40%;
	}

}


@media screen and (min-width:768px) {
    .business-list:nth-child(even) {
        margin-left: -1px;
    }

    .business-list:nth-child(odd) .business-list-inner {
        left: calc(((29rem) * 0.648360828 * 0.5) * -1);
    }

    .business-list-inner {
        width: calc(100% + ((29rem / 2) * 0.648360828));
        -webkit-transform: skew(-8deg);
        transform: skew(-8deg);
        left: 2px;
    }

    .business-arrow {
        right: 2rem;
        top: 20%;
    }

    .business-panel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .business-img {

        -webkit-transform: skew(6deg) scale(1.1);
        transform: skew(6deg) scale(1.1);
        -webkit-transition: -webkit-transform 1.2s ease;
        transition: -webkit-transform 1.2s ease;
        transition: transform 1.2s ease;
        transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    }

    .business-large-block {
        top: 50%;
        left: 5.4rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .business-link {
        /* max-width: 683px; */
        width: 56.8rem;
        margin: 0 auto;
    }




    .business-large-link:hover .business-large-img-wrapper .business-large-img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        transition: transform 1.2s ease, -webkit-transform 1.2s ease;

    }

    .business-list:hover .business-img {
        -webkit-transform: skew(6deg) scale(1.13);
        transform: skew(6deg) scale(1.13);
    }

    .business-large-img {
        height: 100%;
    }

    .top-banner-left {
        padding-top: 1rem;
    }

   

}
 @media screen and (min-width: 300px) and (max-width: 991px) {
    .navbar {
        height: auto;
    }
}