@charset "utf-8";
@media only screen and (min-width: 1400px) and (max-width :2200px) {
    .menu ul {
        transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .box iframe {
        width: 100% !important
    }
    .skewboxHolder .skewCol3.Col2 .hoverDescrip {
        width: 178%;
        padding: 100px 40% 0 60%;
        left: -45%;
    }
    section.bus h2 {
        font-size: 34px;
    }
    section.bus p {
        font-size: 27px;
        padding: 15px;
    }
.omnisGrp{padding-top:50px !important;}
.leftGrp {width: 35%;padding: 4% 0% 2% 5%;}
.leftGrp h1 {font-size: 40px;line-height: 34px;}
.leftGrp p {font-size: 15px;line-height: 26px;padding: 0 4% 0 0;}
.leftGrp a {padding: 6px 10px;font-size: 16px;}
.rightGrp{width:65%;}


.mangmnt figcaption h3{font-size:20px;padding:0 0 10px;margin:0;font-weight:bold;}
.mangmnt figcaption h3 span{display:block;font-size:16px;text-transform:uppercase;color:rgba(30, 115, 43, 1)}
.mangmnt figcaption p{font-size:15px;line-height:24px;padding:0;margin:0;}


.leftBox {width: 100%;float: left;}
.boxRow figcaption {padding: 10px;position:static;}
.boxRow figure{display:none;}
.boxRow h4 {font-size: 26px;line-height: 20px;}
.boxRow h4 span {font-size: 18px;}
.rightBox{width:100%;}
.rightBox .boxRow figcaption p {padding-right: 0;}

.boxRow {position: relative;width: 100%;border-top: solid 1px #ccc;padding: 10px 0 10px;margin: 10px 0 0;}
.applyJob{transform:translateX(0);}

}


@media screen and (max-width:767px) {
    .box iframe {
        width: 80%;
    }
    section.bus p {
        font-size: 20px;
        padding:0 0 0 10px;
    }
    section.bus h2 {
        color: red;
        font-size:30px;
        font-weight: bolder;
        text-align: left;
        margin-top: 10px;
        padding:5px 0 0 10px;line-height:normal;
    }
    section.bus {
        margin-top: 10px;
    }
    .skewboxHolder .skewCol3.Col1,
    .skewboxHolder .skewCol3.Col2,
    .skewboxHolder .skewCol3.Col3 {
        left: 0;
        width: 100%;
    }
    .skewboxHolder .skewCol3 h3, .skewboxHolder .skewCol3 .hoverDescrip p {
        font-size: 20px; padding-right:0; width:100%;
    }
    .skewCol3.Col3 .icon_btn {
    margin-left: -3% !important;
}
    .skewboxHolder .skewCol3,
    .skewboxHolder .skewCol3.Col1,
    .skewboxHolder .skewCol3.Col2 {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .skewboxHolder .skewCol3 {
        width: 100%;
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .skewboxHolder .skewCol3.Col1 .hoverDescrip,
    .skewboxHolder .skewCol3.Col2 .hoverDescrip,
    .skewboxHolder .skewCol3.Col3 .hoverDescrip {
        padding: 20px 20px 30px;
    }
    .skewboxHolder .skewCol3.Col1 .hoverDescrip,
    .skewboxHolder .skewCol3.Col2 .hoverDescrip,
    .skewboxHolder .skewCol3.Col3 .hoverDescrip {
        padding: 15px;
        top: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
    }
    .skewboxHolder .skewCol3 .descrip,
    .skewboxHolder .skewCol3 .hoverDescrip {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .skewboxHolder {
        height: auto
    }
    .ft-m {
        margin: 0
    }
    .toggle-content_r ul {
        display: none
    }
    .toggle-content_r h2 span {
        display: block;
    }
    .toggle-content_r h2:after {
        position: absolute;
        top: 0px;
        right: 15px;
        content: '+';
        width: 30px;
        height: 30px;
        background: #f3f1ec;
        color: #393736;
        line-height: 30px;
        text-align: center;
    }
    .toggle-content_r h2.active:before {
        position: absolute;
        top: 0px;
        right: 14px;
        transition: 0.2s ease;
        content: 'x';
        width: 30px;
        height: 30px;
        background: #f3f1ec;
        color: #393736;
        line-height: 30px;
        font-size: 12px;
        text-align: center;
        z-index: 2
    }
    footer h2 {
        margin-top: 10px;
    }
    .circle,
    nav::before,
    .menu {
        display: none;
    }
    nav.nav a.logo {
        padding: 10px;
         width:auto;
    }
    nav {
        position: relative;
    }
    .row.abt h1 {
        font-size: 28px;
    }
    button.owl-prev,
    button.owl-next {
        top: 15%;
    }
    .abt p {
        font-size: 18px;
    }
    .fb h3 {
        margin-top: 20px;
    }
    .skewboxHolder .skewCol3 {
        height: 320px;
    }
    .menu ul {
        transform: unset;
        -moz-transform: unset;
        position: absolute;
        right: 0; left:0;
        top:50px;
    }
    nav.nav .menu ul { left:0; top:50px; }
    .menu ul li {
        float: none;
    }
    .menu ul li a {
        font-size: 22px;
        padding: 5px 15px;
        color: #fff;
        font-weight: 600;
        text-transform: capitalize;
    }
    .menu {
        background: #1e732bf0;
        margin: 0 -15px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        padding: 50% 0;
    }
    a.logo img {
        padding: 10px;
    }
    button#menu {
        margin: 40px 0 0;
        position: relative;
        z-index: 9;
        transition: 0.3s ease
    }
    .in span:first-child {
        display: none !important;
        transition: 0.3s ease
    }
    .in span:nth-child(2) {
        transform: rotate(50deg);
        transition: 0.3s ease
    }
    .in span:nth-child(3) {
        transform: rotate(140deg);
        transition: 0.3s ease;
        top: -7px;
        position: relative;
    }
    .in span {
        background: #fff !important;
    }
    .ft-m .social {
        float: none;
    }
    p.c_rights.text-right {
        text-align: center !important
    }
    button#menu {
        display: block;
    }

section.inner{padding-top:0;margin-bottom:0;}
.aboutimg{ display: none; }
.contact-area.d-flex{display:block !important;}


.omnisGrp >div{display: block;}
.leftGrp {width:100%;padding:4% 15px 30px 15px;}
.leftGrp h1 {font-size:30px;line-height:30px;width:100%;}
.leftGrp p {font-size: 15px;line-height: 26px;padding: 0 0% 0 0;}
.leftGrp a {padding: 6px 10px;font-size: 16px;}
.rightGrp{width:100%;}


.omnisLifcare h1 {padding: 0% 0 0;font-size: 26px;}
.omnisLifcare h2 {font-size: 17px;line-height: 26px;}


.mangmnt figcaption h3{font-size:20px;padding:0 0 10px;margin:0;font-weight:bold;}
.mangmnt figcaption h3 span{display:inline-block;font-size:16px;text-transform:uppercase;color:rgba(30, 115, 43, 1)}
.mangmnt figcaption p{font-size:15px;line-height:24px;padding:0;margin:0;}

.topManagement .mangmnt{position:static;width:100%;}
.topManagement figure img{display: ;}
.topManagement figure img.hideLarge{display:block;}

.mangmnt figcaption {position: static;top: 0;width: 100%;visibility: visible;opacity: 1;transform: scale(1,1);margin:-10px 0 10px;background:rgba(255,255,255,.8);padding:10px 0;}

.leftBox {width: 100%;float: left;}
.boxRow figcaption {padding: 10px;position:static;}
.boxRow figure{display:none;}
.boxRow h4 {font-size: 26px;line-height: 20px;}
.boxRow h4 span {font-size: 18px;}
.rightBox{width:100%;}
.rightBox .boxRow figcaption p {padding-right: 0;}

.boxRow {position: relative;width: 100%;border-top: solid 1px #ccc;padding: 10px 0 10px;margin: 10px 0 0;}
.row.abt {padding: 0px 0 0px;}
.applyJob{transform:translateX(0);padding-right:10px;padding-left:10px;}

.skewboxHolder .skewCol3::before {
top: 0;
left: 0;
width: calc(100% );
height: 100%;
-webkit-transform: skewX(0deg) translateX(-0%);
transform: skewX(0deg) translateX(0%);
z-index: -1;}

}


@media (min-width:1024px) {
    .skewboxHolder .skewCol3.Col2 .descrip {
        left: -18px;
    }
    .skewboxHolder .skewCol3.Col3 .descrip {
        left: -18px;
    }
    }



    @media (max-width: 560px){
        .homebanner{
            background-image: url(../images/about-2.jpg) !important;
            padding: 10rem;
        }
        .web-banner{
            display: none;
        }
        .mob-banner{
             background-image: url(../images/career-1.jpg) !important;
            padding: 10rem;
        }
        .web-career{
            display: none;
        }

       .skewboxHolder .skewCol3.Col2 .descrip {
    background: rgba(2, 103, 0, 0.9);
    padding-left: 0rem;
}
.skewboxHolder .skewCol3.Col3 .descrip {
    background:rgba(0, 0, 0, 0.6);
    padding-left: 0rem;
}
.skewboxHolder .skewCol3.Col1 .descrip {
    background: rgba(0, 125, 91, 0.87);
   
    padding-left: 0rem;

}

.our h1{
font-size:28px !important;
}
}