/*media screen and (max-width: 1399px) {
   .journy_col_lft ul li:after {
    right: -20px;
    top: 170px;
    width: 82px;
    height: 5px;
    background: #1b3c82;
    position: absolute;
    content: "";
}
.journy_col_rft ul li:before{
    left: 17px;
    top: 170px;
    width: 82px;
    height: 5px;
    background: #1b3c82;
    position: absolute;
    content: "";

}*/
@media screen and (max-width: 1199px) {
    section.services.devsult .services-content {
    width: 80%;
}
   .vertical-line {
    left: 49.4%;
}
    .content1 p {
        padding: 20px 0 30px 0;
        color: white;
        font-size: 16px;
    }
    .content1 ul li {
        font-size: 16px;
    }
    section.dev_weatlend p {
        font-size: 18px;
    }
    section.dev_profile p {
        font-size: 18px;
    }
    section.project p {
        font-size: 18px;
    }
    section.project span {
        font-size: 18px;
    }
    .collapsible p {
        font-size: 14px;
    }
    .collapsible span {
        font-size: 18px;
    }
    ul.menu-dropdown li ul.menu-dropdown-own {
        background: white;
        display: block;
        position: absolute;
        top: 0;
        left: 140px;
        right: 0;
        z-index: 1000;
        width: max-content;
    }
    .ref-con1 {
        display: flex;
        width: 50%;
    }
    section.our_plans .box-content {
        height: 80%;
    }
   
    .crud_con ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .crud_con_con {
        padding: 10px 0 0 0;
    }
    .crud_con_con p {
        letter-spacing: 2px;
        color: white;
        font-size: 15px;
    }
    section.vision.dev .vsn-navigate.highgrade ul li {
        font-size: 13px;
        margin: 10px 0;
        padding: 0 5px;
    }
    section.dev_our_plans .container {
        width: 85%;
    }
    .vsnclk-con {
        width: 85%;
    }
    section.services.devsult .container {
        margin: 0 auto;
        width: 95%;
    }
    p.pro {
        font-size: 18px;
        width: 85%;
    }
    .production-con {
        width: 85%;
    }
    section.Sustainability .container {
        width: 75%;
        margin: 0 auto;
    }
    section.slider .swiper-slide span {
        font-size: 32px;
    }
    .jrn-col {
        margin-right: 0px;
    }
    .journy_col_lft li span {
        font-size: 80px;
    }
    .journy_col_lft li b {
        font-size: 30px;
    }
    .journy_col_lft li p {
        font-size: 15px;
    }
    .journy_col_rft li span {
        font-size: 80px;
    }
    .journy_col_rft li b {
        font-size: 30px;
    }
    .journy_col_rft li p {
        font-size: 15px;
    }
    p.lrm {
        text-align: center;
        font-size: 15px;
        letter-spacing: 2px;
        width: 85%;
    }
    .header-logo img {
        width: 30%;
        height: 100%;
    }
    .header-content ul li a {
        font-size: 13px;
    }
    .dropdown-arrow {
        left: 70px;
    }
    .swiper-slide h1 {
        font-size: 7rem;
    }
    .container {
        width: 90%;
        margin: 0 auto;
    }
    .services-content {
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .companies_icons_content {
        width: 85%;
        margin: 40px auto;
    }
    .companies_icons_content p {
        font-size: 18px;
    }
    section.our_plans p {
        font-size: 16px;
    }
    .card-2 {
        width: 45%;
        height: 300px;
        padding: 0 30px;
        text-align: center;
        align-items: center;
        display: grid;
    }
    h3 {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 4.5px;
        color: white;
        padding: 10px 0;
    }
    .multi-slide-left {
        width: 35%;
        background: #1b3c82;
    }
    .multi-slide-right {
        width: 65%;
    }
    .multi-slide-left .swiper-slide {
        display: block;
    }
    .swiper-slide h2 {
        font-size: 22px;
    }
    .multi-slide-right p {
        font-size: 18px;
    }
    .footer-nav {
        width: 90%;
    }
    .footer-nav ul li a {
        font-size: 12px;
    }
    h4 {
        font-size: 18px;
    }
    
    .vsn-con {
        width: 80%;
    }
    p.cure {
        font-size: 18px;
        padding: 0 0px;
    }
    section.about-us h1 {
        font-size: 7rem;
    }
    .col-right-para p {
    margin: 10px 0;
    font-size: 16px;
    letter-spacing: 2px;
}
/*section.group-company .swiper-slide {
    padding: 50% 0;
}*/
    .hospitality_content {
        display: flex;
        justify-content: space-around;
        text-align: center;
        width: 85%;
        margin: 0 auto;
    }
    .highway_content {
        width: 85%;
    }
    .event_celebrate_con {
        width: 85%;
    }
     .group_icons_icon p {
    height: 60px;
}
.ref-para {
    width: 80%;
    margin: 0 auto;
}
}

@media screen and (max-width: 991px) {
    img.jrny {
    height: 1925px;
    position: absolute;
}
.ref-para {
    width: 70%;
}
/*
    section.group-company .swiper-slide {
    padding: 60% 0;
}*/

    .group-slider-content {
    display: flex;
    width: 95%;
}
    section.active_content .container {
        width: 75%;
    }
    .ref-con1 {
        display: flex;
        width: 70%;
    }
    .contact-detail {
        width: 100%;
    }
    .contactform {
        width: 92%;
    }
    .highway_content {
        width: 85%;
    }
    .event_celebrate_con {
        width: 85%;
    }
    .box-wrapper.wow.fadeInUp {
        background-size: cover;
        padding: 20px 20px 0px;
    }
    .box-content a {
        font-size: 14px;
    }
    .header-logo img {
        width: 50%;
    }
    .header-logo {
        width: 20%;
    }
    .header-content {
        width: 80%;
    }
    ul.menu-dropdown {
        /*display: none;*/
        top: 40px;
    }
    ul.menu-dropdown li ul.menu-dropdown-own {
        background: white;
        display: block;
        position: absolute;
        top: 0;
        left: 130px;
    }
    .header-content ul li a {
        color: #000000;
        font-size: 12px;
    }
    .swiper-slide h1 {
        font-size: 6rem;
    }
    .container {
        width: 90%;
        margin: 0 auto;
    }
    .services-boxes span {
        font-size: 13px;
        font-weight: 600;
    }
    .services-boxes {
        width: 35%;
        padding: 35px 15px;
    }
    .services-boxes img {
        width: 100px;
    }
    .companies_icons_content {
        width: 83%;
        margin: 40px auto;
    }
    .companies_icons_content p {
        font-size: 16px;
    }
    section.our_plans p {
        font-size: 14px;
    }
    .card-2 {
        padding: 0 20px;
    }
    h3 {
        
        padding: 20px 0;
    }
    .multi-slide-left {
        width: 35%;
        background: #1b3c82;
    }
    .multi-slide-right {
        width: 65%;
    }
    .multi-slide-left .swiper-slide {
        display: block;
    }
    .swiper-slide h2 {
        font-size: 20px;
    }
    .multi-slide-right p {
        font-size: 18px;
    }
    .footer-nav {
        width: 90%;
    }
    .footer-nav ul li a {
        font-size: 12px;
    }
    h4 {
        font-size: 18px;
        margin-top: 25px;
    }
   
    .companies_icons img {
        width: 100%;
    }
    
    .vsn-navigate.highgrade ul {
        width: 85%;
    }
    .vsn-navigate ul {
        margin: 0 auto;
        text-align: -webkit-center;
    }
    .vsn-con .swiper-slide p {
        font-size: 16px;
    }
    .vsn-con {
        width: 80%;
    }
    p.cure {
        font-size: 16px;
    }
    section.Sustainability .container {
        width: 83%;
    }
    section.everything h1 {
        font-size: 2rem;
    }
    .group_icons_icon p {
       font-size: 15px;
    padding: 12px 0 0 0;
    /*letter-spacing: 1.2px;*/
    height: 60px;
    }
    .group_icons_icon img {
        width: 100px;
        height: 100px;
    }
    section.about-us h1 {
        font-size: 6rem;
    }
    .col-right-grp {
    padding: 5px 20px;
    }
    section.group-company .swiper-slide {
        /*height: 410px;*/
    }
    .col-right-para p {
        font-size: 13px;
    }
    .production-con {
        width: 90%;
    }
    p.pro {
        font-size: 18px;
        width: 90%;
    }
    section.dev_our_plans .container {
        width: 90%;
        margin: 0 auto;
    }
    .vsnclk-con {
        width: 90%;
    }
    section.services.devsult .services-content {
        width: 90%;
    }
    .slide-projects-left img {
        width: 100%;
        height: 300px;
    }
    .slide-projects-right img {
        width: 100%;
        height: 300px;
    }
    section.upcoming_projects h2:after {
        content: "";
        width: 65px;
    }
    p.our {
        width: 85%;
        font-size: 16px;
    }
    .upcoming_boxes ul {
        width: 100%;
        float: none;
    }
    .crud_con {
        display: grid;
        padding: 30px 20px;
    }
    .hospitality_content {
        display: flex;
        justify-content: space-around;
        text-align: center;
        width: 85%;
        margin: 0 auto;
    }
    .glr-bxs {
        width: 33%;
        float: left;
        margin: 0 auto;
        padding: 0 10px;
    }
    .glr-bxs img {
        width: 100%;
        margin: 20px;
        height: inherit;
    }
    section.dev_weatlend p {
        font-size: 16px;
        width: 100%;
    }
    section.dev_profile p {
        font-size: 16px;
        width: 100%;
    }
    section.project p {
        font-size: 16px;
        width: 100%;
    }
    section.project span {
        font-size: 16px;
    }
    .collapsible p {
        font-size: 14px;
        width: 100%;
    }
    .collapsible span {
        font-size: 16px;
    }
    section.vision.dev .vsn-navigate.highgrade ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .ref-para {
    width: 100%;
}
    h1 {
    font-size: 3rem;
}
h4 {
    font-size: 22px;
    margin-top: 25px;
}
.footer-nav ul li a {
    font-size: 16px;
}
    .group-slider-content {
    display: block;
}

    .group_icons_icon p {
    font-size: 16px;
    padding: 0px 0 0 0;
    letter-spacing: 2px;
}

p.animation-element.slide-left.testimonial.wow.fadeInUp b {
    font-size: 16px;
}
    table.vsn.glr tr td {
    width: 100%;
    padding: 15px 80px;
}
table.vsn.glr tr {
    border: 1px solid;
    border-collapse: collapse;
    display: grid;
}
ul.vsn_dis{
    display: none;
}
    ul.vs_dis {
    display: none;
}
    .fs_con {
    width: 100%;
}
    section#dis_jrny {
    display: none;
}
section#res_jrny {
    display: block;
}
.journy_col_rft ul li img {
    width: 50px;
}
    .captcha {
    width: 100%;
}
ul.usp {
    width: 90%;
    margin: 0 auto;
}
    .event_boxes {
    width: 50%;
    float: left;
    padding: 20px 15px;
    margin: 10px 0;
}
.event_boxes i{
    font-size: 45px;
    padding: 5px 0;
}
.event_boxes p {
    padding: 5px 0 0 0;
    letter-spacing: 2px;
    font-size: 16px;
}
    section.chrmn_msg h2:after {
        content: "";
        width: 65px;
    }
    .chrmn_img img {
        width: 95%;
    }
    .ul_con p {
        font-size: 16px;
    }
    .chrmn_img img {
        width: 65%;
    }
    section.chrmn_msg {
        background: linear-gradient(to bottom, #1b3c82 12%, #1b3c82 20%, white 10%, white 100%);
    }
    .chrmn_con {
        width: 80%;
    }
    .chrmn_con p {
        font-size: 16px;
    }
    .labhowa img {
        width: 50%;
    }
    ul.chrmn_nav li {
        font-size: 16px;
    }
    .ul_con {
        width: 90%;
    }
    .vsn-img {
        width: 85%;
    }
    .footer-nav {
        display: block;
    }
    .header-container {
        width: 100%;
    }
    section.services {
        padding: 55px 0;
    }
    .container {
        width: 90%;
        padding: 0px;
    }
    .services-content {
        display: block;
        margin: -60px 0;
    }
    .services-boxes {
        width: 100%;
        margin: 0px 0;
    }
    .services-boxes span {
        font-size: 14px;
    }
    .companies_icons {
        width: 50%;
        float: left;
    }
    .con p {
        margin: 45px;
    }
    .profile_text {
        margin: 50px 0 0px 0;
    }
    section.dev_profile span {
        color: white;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }
    i.fa.fa-angle-down.sh {
        color: #1b3c82;
    }
    .collapsible:after {
        margin-top: -45px;
        padding-right: 0px;
    }
    section.active_content .container {
        width: 90%;
    }
    .collapsible p {
        font-size: 12px;
        width: 100%;
    }
    .collapsible span {
        font-size: 14px;
    }
    .content1 p {
        padding: 20px 0 30px 0;
        color: white;
        font-size: 15px;
    }
    section.project span {
        font-size: 16px;
        width: 90%;
    }
    .profile_text img {
        width: 90%;
    }
    .content1 ul li {
        font-size: 15px;
    }
    .text-logo {
        text-align: center;
        margin: 20px 0 0px 0px;
    }
    .text-logo img {
        width: 85%;
    }
    section.active_content h2:after {
        content: "";
        width: 65px;
    }
    section.project h2:after {
        content: "";
        width: 65px;
    }
    section.dev_profile h2:after {
        content: "";
        width: 65px;
    }
    ul.menu-dropdown li ul.menu-dropdown-own {
        background: #1b3c82;
        display: none;
        position: absolute;
        top: 47px;
        left: 140px;
        width: max-content;
        z-index: 1;
        z-index: 1000;
    }
    section.saltprocess h2 {
        margin: 0 0 40px 0;
    }
    .top-btn a {
        padding: 0px;
        color: white;
        border-radius: 0px;
        font-size: 10px;
        letter-spacing: 0px;
    }
    section.slider .swiper-container {
        z-index: 0;
    }
    section.slider.swiper-wrapper {
        position: static;
    }
    .vsnclk-para table th {
        font-size: 14px;
    }
    .vsnclk-para table td {
        font-size: 14px;
        padding: 12px 5px;
    }
    .magnific-img {
        width: 50%;
    float: left;
    height: 170px;
    padding: 15px 10px;
    }
    section.img-gallery-magnific h2 {
        font-size: 16px;
    }
    section.img-gallery-magnific h4 {
        font-size: 16px;
    }
    section.upcoming_projects h2 {
        margin: 0 0 35px 0;
    }
    .ref-lft p {
        font-size: 16px;
    }
    .ref-lft span b {
        font-size: 30px;
    }
    .ref-para p {
        color: white;
        font-size: 16px;
    }
    span.slt {
        font-size: 32px;
    }
    .rf-btn a {
        font-size: 16px;
    }
    .ref-con1 {
        display: block;
        width: 70%;
    }
    section.dev_our_plans .plans_content {
        padding: 0px 0;
    }
    section.event_celebrate {
        padding: 40px 0;
        overflow: hidden;
    }
    section.hospitality h2 {
        margin: 0 0 25px 0;
    }
    .header-content ul li a:hover {
        background: #1b3c82;
        color: #1b3c82;
    }
    .contact-detail h2:after {
        content: "";
        width: 65px;
    }
    section.group-company h2:after {
        content: "";
        width: 65px;
    }
    .modal-content {
        margin: auto;
        padding: 20px;
        width: 90%;
        text-align: center;
    }
    .Gallery-con h2 {
        font-size: 16px;
    }
    .glr-bxs {
        width: 100%;
        float: none;
    }
    .section2 .col-left {
        width: 100%;
        float: none;
    }
    .section2 .col-right {
        width: 100%;
        float: none;
    }
    .contactform {
        width: 50%;
        margin: 0 auto;
    }
    .journy_col_lft ul li {
        padding: 30px 0 20% 0;
    }
    .journy_col_rft ul li {
        padding: 30px 0 10% 0;
    }
    p.lrm {
        width: 100%;
        font-size: 16px;
    }
    .journy_col_rft li p {
    font-size: 16px;
}
    section.journy_con {
        padding: 50px 0 0;
    }
    section.event_celebrate h2 {
        margin: 0 0 55px 0;
    }
    section.Affiliates {
        margin: 50px 0 50px 0;
    }
    section.Affiliates h2 {
        margin: 0 0 0 0;
    }
    section.product h2:after {
        content: "";
        width: 65px;
    }
    section.why.wow.fadeInUp h2:after {
        content: "";
        width: 65px;
    }
    .col-right-para {
    position: relative;
        transform: translate(0%, -1%);
        width: 85%;
    }
   /* section.group-company .swiper-slide {
    padding: 45% 0;
}*/
    section.vision.dev {
        padding: 0px;
    }
    .group_icons_con1 {
        display: block;
        width: 100%;
    }
    .group_icons_icon:last-child::after {
        border-right: 1px solid #1b3c82;
    }
    .group_icons_icon {
        width: 100%;
        height: 100px;
        padding: 15px 0 15px 0;
        margin: 0 0 25px 0;
    }
    .group_icons {
        width: 100%;
        margin: 0 auto;
        display: flex;
        margin-top: 0px;
    }
    .group_icons_con {
        display: block;
        width: 100%;
    }
    section.saltprocess h2:after {
        content: "";
        width: 65px;
    }
    .td-btn {
        background: white;
        padding: 10px 8px;
        font-size: 9px;
    }
    img.ryt {
        width: 55px;
    }
    img.btm {
        width: 15px;
    }
    section.Affiliates h2:after {
        content: "";
        width: 65px;
    }
    section.journy_con h2:after {
        content: "";
        width: 65px;
    }
    section.services.devsult .container {
        width: 100%;
        margin: 0 auto;
    }
    section.services.devsult h2:after {
        content: "";
        width: 65px;
    }
    section.why h2 {
        color: #1b3c82;
        font-size: 22px;
    }
    section.group-company {
        padding: 0 0 35px 0;
    }
   ul.grp-nav li img {
    width: 60px;
    height: 70px;
    margin: 0 15px;
}
    .active2:after {
        content: "";
        width: 55px;
        LEFT: 10PX;
    }
    .vsn-con {
        width: 90%;
        margin: 0 auto;
        padding: 35px 0 0 0;
    }
    .active1:after {
        content: "";
        width: 30px;
    }
    section.Sustainability h2:after {
        content: "";
        width: 60px;
    }
    .Sustainability_icn {
        height: 100px;
        margin: 20px 0;
        width: 145px;
    }
    .Sustainability-box span {
        font-size: 22px;
    }
    .Sustainability-box p {
        font-size: 16px;
    }
    section.Sustainability .container {
        width: 90%;
        margin: 0 auto;
    }
    section.services h2:after {
        content: "";
        width: 60px;
    }
    h2 {
        font-size: 22px;
    }
    section.companies i.fas.fa-globe {
        font-size: 75px;
        color: white;
    }
    section.companies i.fas.fa-calendar-alt {
        font-size: 75px;
        color: white;
    }
    section.companies i.fas.fa-people-carry {
        font-size: 75px;
        color: white;
    }
    section.companies i.fas.fa-users {
        font-size: 75px;
        color: white;
    }
    .companies_icn {
        margin: 20px 0;
    }
    .companies_icons article {
        font-size: 22px;
    }
    .bg {
        padding: 45px 0 0 0;
    }
    section.our_plans {
        padding: 45px 0 45px 0;
    }
    section.multi_slider {
        padding: 45px 0 0 0;
    }
    section.our_plans p {
        font-size: 16px;
    }
    section.services.devsult h2 {
        margin: 0 0 20px 0;
    }
    section.services h2 {
        font-size: 22px;
    }
    section.our_plans h2 {
        font-size: 22px;
    }
    .box-content a {
        font-size: 14px;
    }
    .services-boxes img {
        width: 100px;
    }
    section.slider .slide-con {
        margin: 45% 0 0 0;
        width: 80%;
        background: #00000042;
        padding: 15px 20px;
    }
    section.slider .swiper-slide span {
        letter-spacing: 0px;
        font-size: 16px;
    }
    section.slider .swiper-slide span:after {
        content: "";
        width: 60px;
        height: 3px;
        background: white;
        position: absolute;
        left: 0;
        right: 0;
        margin: -20px auto;
        top: 15px;
    }
    .slide-con {
        padding: 95px 0;
    }
    ul.menu-dropdown li a {
        color: #1b3c82;
        display: block;
        padding: 5px 30px;
        font-size: 15px;
    }
   ul.menu-dropdown {
    position: inherit;
    width: auto;
    margin: 0 0 0 50px;
}
    /*i.fas.fa-minus {
        display: none;
    }*/
    /*.header-content ul li:hover i.fas.fa-minus{
            display: block;
            float: right;
            margin-right: 120px;
            margin-top: 10px;
            padding: 0px 0;
     }
     i.fas.fa-minus:hover{ 
        display: block;
     }
    .header-content ul li:hover i.fas.fa-plus{
        display: none;
    }
    
    .header-content ul li a:hover ul.menu-dropdown {
        display: block;
        position: relative;
        background: white;
        width: auto;
        left: 45px;
    }*/
    /*ul.menu-dropdown li:hover ul.menu-dropdown-own {
        display: block;
    }

        ul.menu-dropdown-own li a {
            color: #fff
        }

        ul.menu-dropdown li ul.menu-dropdown-own {
            background: #fff;
            display: none;
            position: absolute;
            top: 0;
            left: 155px;
            right: 0;
            z-index: 1000;
            width: max-content
        }

        .header-content ul li:hover ul.menu-dropdown {
             display: inline;
        }

        .header-content ul li a:hover:after {
             display: inline;
        }

        .header-content ul li a ul.menu-dropdown li {
             display: inline;
        }*/

    section.slider .swiper-container .swiper-pagination {
        display: block;
    }
    .header-content ul li a:hover {
        color: white;
    }
    .header-logo img {
        width: 100px;
        height: 100%;
    }
    .swiper-slide h1 {
        padding: 10% 0;
        color: white;
        font-size: 40px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 4.5px;
    }
    section.companies {
        background: #376aff;
        overflow: hidden;
        padding-bottom: 35px;
    }
    .companies_icons_content {
        width: 90%;
        margin: 35px auto;
    }
    .companies_icons_content p {
        font-size: 16px;
        display: inline-flex;
    margin-top: 15px;
    }
    .icon-boxes {
        display: block;
        padding: 0px 0 0 0;
        font-size: 16px;
    }
    .multi-slide {
        display: block;
        margin: 0 auto;
    }
    .multi-slide-left {
        width: 100%;
    }
    .multi-slide-right {
        width: 100%;
    }
    .con {
        text-align: center;
        padding: 120px 0;
        margin: 0px 0;
    }
    section.our_plans h2:after {
        content: "";
        width: 95px;
        height: 3px;
        background: black;
        position: absolute;
        left: 0;
        right: 0;
        margin: -20px auto;
        bottom: 0;
    }
    section.companies h2:after {
        content: "";
        width: 60px;
        height: 3px;
        background: white;
        position: absolute;
        left: 0;
        right: 0;
        margin: -20px auto;
        bottom: 0;
    }
    section.our_plans h2:after {
        content: "";
        width: 60px;
    }
    .plans_content {
        display: block;
    }
    .card-2 {
        width: 100%;
        height: 300px;
        padding: 0 0px;
        text-align: center;
        align-items: center;
        display: grid;
        margin: 20px 0;
    }
    h3 {
        font-size: 30px;
    }
    .header-content ul li a {
        color: #1b3c82;
        display: block;
        padding: 2px 30px;
        font-size: 15px;
    }
    .header-content ul li a:after {
        content: "";
        border-bottom: none;
    }
    .header-content ul li a:hover {
        background: white;
        color: #1b3c82;
        /*padding-bottom: 20px;*/
    }
    .fa-minus:before:hover{
        background:red;
    }
    ul.menu-dropdown li a {
        color: black;
    }
    .header-content ul li :hover ul.menu-dropdown li{
        padding: 0px 0;
    }
    .header-content ul li:hover ul.menu-dropdown li a{
        /*font-size: 12px;*/
        font-size: 14px;
        /*text-align: center;*/
        /*border-right: 1px solid #1b3c82;*/
    }
    #nav-icon1,
    #nav-icon2,
    #nav-icon3,
    #nav-icon4 {
        width: 60px;
        height: 45px;
        position: relative;
        /*margin: 50px auto;*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon1 span,
    #nav-icon3 span,
    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 5px;
        width: 85%;
        background: #1b3c82;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 10px;
    }
    #nav-icon1 span:nth-child(2) {
        top: 23px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 36px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .header-logo {
        padding: 0 20px;
    }
    #nav {
        display: none;
    }
    .companies_icons img {
        width: 100%;
    }
    
    .triangle-3 {
        display: none;
    }
    section.about-us h1 {
        padding: 30% 0;
        color: white;
        font-size: 3rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 4.5px;
        text-align: center;
    }
    section.Sustainability h2 {
        font-size: 22px;
    }
    .Sustainability-box {
        width: 50%;
        text-align: -webkit-center;
        float: left;
    }
    .Sustainability_boxes {
        display: block;
    }
    p.cure {
        font-size: 16px;
        display: inline-block;
       /* float: right;
        margin-top: 55px;
        text-align: center;*/
    }
    section.Sustainability {
        text-align: center;
        padding: 35px 0 35px 0;
        overflow: hidden;
    }
    .vsn-navigate ul li {
        display: inline-block;
        margin: 12px 5px;
        font-size: 20px;
        padding-right: 12px;
        border-right: 1px solid black;
    }
    .vsn-navigate ul {
        width: 100%;
        margin: 0 auto;
        text-align: -webkit-center;
    }
    .vsn-con .swiper-slide p {
        color: black;
        font-size: 16px;
        padding: 0 0px;
        margin: 0px;
    }
    section.everything h1 {
        padding: 20% 0;
        color: white;
        font-size: 1.5rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 4.5px;
        text-align: center;
    }
    ul.grp-nav li {
        display: inline-block;
        margin: 0;
    }
    ul.grp-nav li a img {
        width: 50px;
        height: 50px;
    }
    .group-slider-content {
        display: block;
        width: 100%;
    }
    .col-left-grp {
        width: 100%;
    }
    .col-right-grp {
        width: 100%;
        background: white;
        padding: 15px 10px;
        text-align: left;
        /*height: 445px;*/
    }
    .col-right-para p {
        margin: 15px 0;
        font-size: 16px;
        letter-spacing: 2px;
    }
    section.product h2 {
        font-size: 22px;
    }
    .production-con {
        width: 90%;
        margin: 35px auto 0;
    }
    .pro-lft p {
        font-size: 20px;
    }
    .pro-rht p {
        font-size: 20px;
    }
    .pro-lft span b {
        font-size: 24px;
    }
    .pro-rht span b {
        font-size: 24px;
    }
    .pro-lft span {
        font-size: 20px;
    }
    .pro-rht span {
        font-size: 20px;
    }
    
    p.pro {
        font-size: 16px;
        margin: 0 auto;
        padding: 55px 0;
    }
    section.dev_our_plans {
        padding: 35px 0;
    }
    section.dev_our_plans h2:after {
        content: "";
        width: 65px;
    }
    section.dev_our_plans .card-2 p {
        font-size: 16px;
    }
    .active {
        width: 65px;
    }
    section.dev_our_plans .container {
        width: 90%;
        margin: 0 auto;
    }
    section.vision.dev .vsn-navigate ul li {
        font-size: 18px;
    }
    .vsn-bg {
        padding: 50px 0;
    }
    .vsnclk-para p {
        font-size: 16px;
        padding: 20px 0;
    }
    section.services.devsult .services-boxes {
        width: 100%;
        margin: 20px 0;
    }
    section.services.devsult .services-content {
        width: 90%;
    display: block;
    padding: 0;
    margin: 0 0 0 0;
    margin: 0 auto;
    }
    /*....hh.....*/
    .hospitality_content {
        display: inline;
        justify-content: space-around;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }
    .hospitality_content_con {
        width: 50%;
        float: left;
    }
    .hospitality_content_con p {
        padding: 20px 0;
        font-size: 18px;
        letter-spacing: 0px;
    }
    section.hospitality {
        overflow: hidden;
    }
    .highway_content {
        width: 90%;
        margin: 0 auto;
    }
    .highway_content p {
        font-size: 16px;
    }
    .aff_content .aff_content_con {
        width: 100%;
        float: left;
        text-align: center;
    }
    .event_celebrate_con {
        display: block;
    }
    img.jrny {
        display: none;
    }
    .jrn-col {
        display: block;
        width: 100%;
        height: auto;
    }
    p.ind {
        color: #1b3c82;
        font-size: 16px;
        width: 100%;
    }
    section.product.highgrade .production-con {
        display: block;
        width: 90%;
    }
    section.product.highgrade.wow.fadeInUp .pro-lft {
        width: 100%;
    }
    .vsn-navigate.highgrade ul {
        width: 95%;
        text-align: -webkit-center;
    }
    section.why.highgrade .group_icons_icon {
        border-right: 2px solid white;
        width: 100%;
        float: none;
        border-right: none;
    }
    .salt-pro {
        text-align: center;
    }
    .salt-pro ul {
        display: block;
        justify-content: center;
        padding: 45px 0;
    }
    section.services {
        padding: 55px 0 100px 0;
    }
    .upcoming_boxes ul .card-2 {
        margin: 0px;
    }
    .dropdown-arrow {
        height: 0;
        width: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid white;
        position: relative;
        top: -25px;
        left: 90px;
    }
    .user-id:hover .dropdown-arrow {
        top: 35px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        border-top: 10px solid transparent;
    }
    section.hospitality h2:after {
        content: "";
        width: 65px;
    }
    section.highway h2:after {
        content: "";
        width: 65px;
    }
    .aff_content {
        width: 90%;
        margin: 30px auto;
    }
    section.event_celebrate h2:after {
        content: "";
        width: 65px;
    }
    .input-typ {
        display: block;
    }
    label {
        margin: 20px 0;
        display: inline-flex;
        align-items: center;
        width: 100%;
    }
    div#menu_res {
        display: block;
    }
    div#menu_dis {
        display: none;
    }
 #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 45px;
    height: 47px;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    margin: 0 20px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #1b3c82;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 10px;
}

#nav-icon1 span:nth-child(2) {
    top: 23px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

  #menu {
    position: absolute;
    /* width: 470px; */
    /* margin: 20px 0 0 0; */
    /* padding-top: 0; */
    /* right: -170px; */
    background: #ffffff;
    /* list-style-type: none; */
    /* -webkit-font-smoothing: antialiased; */
    /* transform-origin: 0% 0%; */
    /* transform: translate(100%, 0); */
    /* transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); */
    border-bottom: 1px solid #1b3c82;
    box-shadow: 1px 1px 3px #000000b0;
    display: block;
    top: 127px;
    z-index: 1;
    width: 100%;
    left: 0;
}
    #menu li {
        font-size: 18px;
        border-top: 1px solid #1b3c82;
    }
  
    #menuToggle input:checked~ul {
        transform: scale(1.0, 1.0);
        opacity: 1;
        /*display: block;*/
    }
    ul.menu-dropdown li a:hover ul.menu-dropdown-own {
        display: block;
    }
    .header-content ul li a i.fas.fa-plus{
    float: right;
    /*margin-right: 120px;*/
    margin-top: 10px;
    padding: 0px 0;
}
#menu {
    display: none;
}
#menu i {
    font-size: 14px;
    }

    section.dev_sault_Slide .swiper-container {
        z-index: 0;
    }
    table.vsn {}
    table.vsn tr {
        border: 1px solid;
        border-collapse: collapse;
    }
    table.vsn.abt td {
    text-align: center;
    border: 1px solid;
    border-collapse: collapse;
    padding: 10px 50px;
    width: 50%;
}
table.vsn.abt .active3 {
    position: relative;
    color: white;
}
table.vsn.abt .active1:after {
    background: none;
}
table.vsn.abt li{
    color: white;
}
table.vsn.abt td {
   
    border: 1px solid white;
    
}
    table.vsn td {
        text-align: center;
        border: 1px solid;
        border-collapse: collapse;
        padding: 10px 12px;
        width: 50%;
    }
    ul.dis-nav {
        display: none;
    }
    table.vsn {
        display: block;
        border-collapse: collapse;
        width: fit-content;
    }
    section.highgrade .group_icons_icon {
        width: 100%;
    }
    section.highgrade .gp {
        height: 215px;
    }
    section.highgrade .gp {
        border-bottom: none;
    }
    section.highgrade .group_icons_icon:last-child::after {
        border-right:none;
    }
    section.highgrade h2:after {
        content: "";
        width: 65px;
    }
    section.product.highgrade p.pro {
        font-size: 16px;
        width: 100%;
    }
    section.vision.dev .vsnclk-con {
        width: 90%;
    }
    ul.menu-dropdown li ul.menu-dropdown-own {
    background: #fff;
    display: none;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    width: auto;
    margin: 0 0 0 45px;
}

}

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