@media only screen and (max-width:1600px){
    .heading1 p{
        font-size: 20px;
        font-weight: 700;
        color: #4e1600;
    }
    .right-ser51 p {
    margin-bottom: 0;
}
    .dts-why-pop {
        top: -4.5rem;
    }
    .dts-why-pop2 {
        top: -7rem;
    }
    .xxxxs::after {
        position: absolute;
        content: "";
        background: linear-gradient(45deg,#bbdfcc 50%,transparent 0);
        background-size: contain;
        bottom: -3%;
        left: 32%;
        height: 15px;
        width: 15px;
        transform: rotate(315deg);
    }
    .dts-why-pop4 {
        top: -5.8rem;
    }
    .dts-why-pop3 {
        top: -5.8rem;
    }
    .why::before {
        height: 249px;
    }
    .why::after {
        height: 249px;
    }
    .lb-details{
        display: none;
    }
 
}
@media only screen and (max-width:1536px){
 
 
}
@media only screen and (max-width:1366px){
 .xxxxs1::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg,#bbdfcc 50%,transparent 0);
    background-size: contain;
    bottom: -3%;
    left: 29%;
    height: 15px;
    width: 15px;
    transform: rotate(315deg);
}
 .xxxxs::after {
    position: absolute;
    content: "";
    background: linear-gradient(45deg,#bbdfcc 50%,transparent 0);
    background-size: contain;
    bottom: -3%;
    left: 64%;
    height: 15px;
    width: 15px;
    transform: rotate(315deg);
}
    .dts-why-pop {
        top: -7rem;
    }
    .dts-why-pop2 {
        top: -8.7rem;
    }
    .dts-why-pop4 {
        top: -7rem;
    }
    .dts-why-pop3 {
        top: -5.8rem;
    }
    .why::before {
        height: 210px;
    }
    .why::after {
        height: 205px;
    }
}
@media only screen and (max-width:768px){
    .content h1 {
        font-size: 32px;
        text-align: left;
    }
    .content h1 span {
        font-size: 39px;
        text-align: right;
    }
.navitoms {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: #ffa903;
    margin-left: -100%;
    transition: all .3s;
}
    .navitoms ul {
        display: grid;
        align-items: center;
        margin-bottom: 0;
        justify-content: center;
        padding: 0rem 0;
        width: 100%;
        margin-left: initial;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .right-ser::before {
        position: absolute;
        content: "";
        background-image: url(../images/go3.png);
        background-size: contain;
        bottom: 0;
        right: 0%;
        height: 262px;
        width: 392px;
        background-repeat: no-repeat;
        z-index: -1;
        transform: rotateY(177deg);
        opacity: 0.2;
    }
    .toogle img{
        width: 47px !important;
    }
    .navitemsnew{
        margin-left: 0% !important;
    }
    .navbar-links li a {
        padding: 19px 20px;
    }
    .ftr .clxx img{
        width: 30px;
    }

}
@media only screen and (max-width:552px){
    .list-profile h6{
        margin: 2px 0;
    }
    .list-profile122 h6 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .list-profile {
        height: auto;
    }

    .dt-pp {
        height: 55vh;
        overflow: scroll;
    }
    .inner-success113{
        width: 97% !important;
    }
    .right-abt-sct p {
        font-size: 16px;
        letter-spacing: 0.55px;
        color: #636363;
    }
    .navlogo img {
        width: 126px !important;
    }
    .about-section, .services {
        margin-top: 2rem !important;
    }
    .main-hd h1 span {
        font-size: 27px;
    }
    .main-hd h1 {
        font-weight: 300;
        text-transform: none;
        font-style: normal;
        color: #333333;
        font-family: Quicksand, sans-serif;
        line-height: 30px;
        font-size: 21px;
    }
    .watch-vdo{
        margin-top:1rem;
    }
    .inner-about-section .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .play-btn {
        height: 37px;
        width: 37px;
    }
    .inner-vdopop {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 96%;
    }
    .sub-abt-listing .row .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .list-img::after {
        position: absolute;
        content: "";
        background-color: transparent;
        background-size: contain;
        top: initial;
        right: 0;
        bottom: -18px;
        height: 1px;
        width: 100%;
    }
    .list-img1::after {
        background-color: #77777700;
    }
    .why::before {
        position: absolute;
        content: "";
        background-image: url(../images/banwave.svg);
        background-size: cover;
        /* height: 210px; */
        width: 100%;
        top: 0px;
        height: 73px;
        left: 0;
        transform: rotateX(180deg)rotateY(180deg);
        z-index: -1;
        background-repeat: no-repeat;
    }
    .why::after {
        position: absolute;
        content: "";
        background-image: url(../images/banwave.svg);
        background-size: cover;
        /* height: 205px; */
        height: 72px;
        width: 100%;
        bottom: 0px;
        left: 0;
        z-index: -1;
        background-repeat: no-repeat;
    }
    .why {
        background-image: url(../images/paper_bg.jpg);
        padding: 4rem 0 !important;
    }
    .why-hd h1 {
        font-size: 26PX;
        letter-spacing: 0.55PX;
        color: #000000;
        font-weight: 600;
    }
    .inner-why .row .col-lg-6:nth-child(1) .row{
        flex-direction: column-reverse;
    }
    .inner-why .row .col-lg-6:nth-child(3) .row{
        flex-direction: column-reverse;
    }
    .left-dt-why-hd{
        text-align: center !important;
    }
    .dts-why-pop {
        top: -10.7rem;
        left: 0%;
        width: 100%;
    }
    .dts-why-pop::after {
        right: 50%;
    }
    .dts-why-pop2::after {
        right: 50%;
            left: 50%;

    }
    .dts-why-pop2 {
        top: -13.5rem;
        left: 0%;
        width: 100%;
    }
.dts-why-pop3 {
    top: -12.2rem;
    left: 0%;
    width: 100%;
}
.ser-list .row{
    flex-direction: initial !important;
}
    .dts-why-pop3::after {
        right: 50%;
        left: 50%;
    }
    .dts-why-pop4 {
    top: -12rem;
    left: 0%;
    width: 100%;
}
    .right-dt-img img {
        border-radius: 0;
    }
    .inner-why .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .inner-why .row .col-lg-6 .row .col-lg-8,.inner-why .row .col-lg-6 .row .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .right-news-dt-right {
        position: relative;
        padding-left: 41px;
    }
    .right-news-dt-right::after {
        position: absolute;
        content: "";
        background-color: #000000;
        background-size: contain;
        height: 1px;
        width: 34px;
        top: 50%;
        left: 0px;
    }
    .left-news .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .inner-news .row .col-lg-8,.inner-news .row .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .right-news-sub-dt {
        padding: 1rem 1rem;
    }
    .services::after {
        position: absolute;
        content: "";
        background-color: #0c4727;
        background-size: contain;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }
    .right-ser {
        padding-left: 0rem;
    }
    .ser-list .row .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .right-ser h1 span {
        color: #ffffff;
        font-weight: bold;
        font-size: 26px;
    }
    .foot-dt{
        width: 100% !important;
    }
    .xxaq .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .ddt::after {
        position: absolute;
        content: "";
        background-color: #d3d3d330;
        background-size: contain;
        height: 1px;
        width: 100%;
        top: initial;
        right: 0;
        bottom: -14px;
    }
    footer {
        padding: 3rem 0 3rem;
    }
    footer::after {
        position: absolute;
        content: "";
        background-image: url(../images/FT.png);
        background-size: cover;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 3%;
        z-index: 1;
        background-repeat: no-repeat;
    }
    .toogle img {
        width: 30px !important;
    }
    .about-page {
        width: 100%;
    }
    .about-page-hd {
        width: 100%;
        margin: auto;
    }
    .about-page-hd h1 {
        font-size: 26px;
        font-weight: 700;
    }

    .about-page{
            margin-top: 7rem !important;
    }
    .inner-about-page .mb-lg-4 .row{
        justify-content: center;
    }
    .right-msn{
        text-align: center;
    }
    .inner-about-page .mb-lg-4 .row .col-lg-2,.inner-about-page .mb-lg-4 .row .col-lg-10{
        padding-left: 0;
        padding-right: 0;
    }

    .vfa{
        width: 100% !important;
    }
}
@media only screen and (max-width:420px){
    .axwq img {
        height: 142px;
        object-fit: cover;
    }
    .banner {
        padding-top: 4rem;
    }
    .dts-why-pop{
        display:block !important;
        position:initial !important;
    }
    .left-dt-why-hd p{
        display:none;
    }
    .dts-why-pop p{
        display:block;
    }
    .dts-why-pop::after {
        background: none;
    }
    .dts-why-pop {
        background-color: #bbdfcc00;
        padding: 0px;
        border-radius: 17px;
        top: -13.5rem;
        left: -2%;
        display: none;
        transition: all .3s;
    }
    #career_pageSection .career_wrapper .career_textWrapper h3 {
        font-size: 19px;
        font-weight: 700;
        line-height: 24px;
        margin-top: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .right-msn h6 {
        font-weight: 900;
        font-size: 22px;
        letter-spacing: 0.55px;
    }
    .gl-img1 iframe{
        height:100%;
    }
    .contact-page{
        margin-top: 7rem !important;
    }
.ftr .clxx img {
    width: 24px;
    filter: brightness(0);
}
    .navbar-links li.navbar-dropdown {
        position: relative;
        /* width: max-content; */
        width: 65vw;
        text-align: center;
    }
    .right-ser-img img{
        width: 54%!important;
        margin: auto;
    }
    .right-ser-img{
        text-align:center;
    }
    .navbar-links li.navbar-dropdown .dropdown {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        padding: 0px 0;
        top: 100%;
        transform: translateY(50px);
        left: 0px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        z-index: 111;
        transition: 0.4s all;
    }



    .navitoms ul li a {
        letter-spacing: 0.55px;
        text-decoration: none;
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .tab-l21 {
        padding: 10px 1px;
        border: 1px solid #0c4727;
        color: #0c4727 !important;
        font-size: 12px;
    }
    .list-profile h5 {
        font-size: 17px;
        font-weight: 700;
        color: #000;
        margin-bottom: 3px !important;
    }

    .mngprofile-title {
        font-size: 12px;
        color: #777;
        font-weight: 500;
    }
    .leadership .row .col-md-12{
        padding-left: 0;
        padding-right: 0;
    }
    .half-grid .col-md-3:nth-child(1){
        padding-left: 0 !important;
    }
    .half-grid .col-md-3:nth-child(2){
        padding-right: 0 !important;
    }
    .half-grid .col-md-3:nth-child(3){
        padding-left: 0 !important;
    }
    .half-grid .col-md-3:nth-child(4){
        padding-right: 0 !important;
    }
    .tab,.services-page,.main-gallery,.gallery1,#gallery,#events,.event-details,#career_pageSection,#apply_forPostion{
        margin-top: 7rem !important;
    }
    .det-img img {
        width: 100% !important;
        margin-bottom: 1rem;
    }
    .inner-services .row:nth-child(odd){
        flex-direction: column-reverse;
    }
    .left-ser-dt h1 {
        font-size: 26px;
        letter-spacing: 0.55px;
        color: #0c4727;
        font-weight: 900;
        margin-bottom: 1rem;
    }
    .inner-services .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .inner-footer{
        width: 100% !important;
    }
    .lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        text-align: center;
        line-height: 0;
        font-weight: normal;
        outline: none;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%,-50%);
    }
    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(../images/close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
        top: -43px;
        position: absolute;
        right: 15px;
    }
    
    #gallery .gallery .gallery-inner .gallery-item .vido-inn .vido-txt {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0;
        padding: 25px 13px 9px 9px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8784313725) 25%, transparent);
        color: #fff;
        z-index: 3;
    }
    .heading h5 {
        font-size: 15px !important;
        font-weight: 500 !important;
    }
    #gallery .gallery .gallery-inner .gallery-item .vido-inn .youtb-img {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 30px;
        width: 30px;
        z-index: 1;
    }
    #gallery .gallery .gallery-inner .gallery-item .vido-inn .youtb-img::before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 40px;
        height: 40px;
        background: rgba(218, 82, 87, 0.3411764706);
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }
    .inner-event-details .row .col-lg-9{
        padding-right: 0;
    }
    #career_pageSection {
        padding: 0rem 0 3rem;
        margin-bottom: 0px;
    }
    .cc_des .col-lg-4 a{
        margin-left: initial !important;
        margin-bottom: 2rem;
    }
    .pop {
        background: linear-gradient(103deg, #fff6f9 0%, #edfffb 50%, #ebebff 100%);
        z-index: 9999999;
        height: 100vh;
    }
    #trainingModal .hiringIntern_wrapper .btn-close, #getaquote .hiringIntern_wrapper .btn-close {
        right: 11px;
        padding: 7px;
    }
    #trainingModal .hiringIntern_wrapper, #getaquote .hiringIntern_wrapper {
        position: relative;
        margin: 6% 0;
        padding: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
        height: 80%;
        /* overflow: auto; */
        /* overflow-y: clip; */
        overflow-x: hidden;
    }
    .inner-contact-page .row .col-lg-4{
        padding-left: 0;
        padding-right: 0;
    }
    .contact-form {
        background: linear-gradient(180deg,#0c47271c 29%,transparent 0);
    }
    .inner-contact-form .row .col-lg-6{
        padding-left: 0;
        padding-right: 0;
    }
    .sub-bt{
        text-align: center;
    }
    #career_pageSection .career_wrapper .career_textWrapper div {
        padding-bottom: 13px;
    }
    .dts-why-pop4 {
        top: -10.8rem;
        left: 0%;
        width: 100%;
    }
    .right-dt-img{
        display:none;
    }
    .career_pageSection .heading1 p{
        font-size: 21px;
        font-weight: 700;
    }
    .heading1{
        width:100% !important;
    }
    .left-dt-why{
        position:relative;
    }
    .left-dt-why::after {
        position: absolute;
        content: "";
        border-bottom: 1px solid lightgray;
        bottom: -25%;
        left: 0;
        height: 1px;
        width: 100%;
    }
    .inner-why .row .col-lg-6:nth-child(4) .row .col-lg-8 .left-dt-why::after {
        position: absolute;
        content: "";
        border-bottom: none;
        bottom: -25%;
        left: 0;
        height: 1px;
        width: 100%;
    }
    .readmore {
        bottom: 24px !important;
    }
    #career_pageSection .career_wrapper .career_textWrapper span {
        position: absolute;
        bottom: 24px;
        left: 15px;
        font-size: 14px;
        font-weight: 600;
        padding: 10p;
    }
}
@media only screen and (max-width:361px){
    .tab-l21 {
        padding: 10px 1px;
        border: 1px solid #0c4727;
        color: #0c4727 !important;
        font-size: 11px;
        .dts-why-pop1 {
            top: -12rem;
            left: 0%;
            width: 100%;
        }
    }
}
@media only screen and (max-width:360px){
        .dts-why-pop1 {
            top: -12rem;
            left: 0%;
            width: 100%;
        }
    
}
