/* XX-Large devices (larger desktops, 1400px and up) */
/* @media (max-width: 1820px) {
    .momentContact {
        margin-left: 20.5rem;
    }

    @media (max-width: 1750px) {
        .momentContact {
            margin-left: 20rem;
        }
    }

    @media (max-width: 1700px) {
        .momentContact {
            margin-left: 19.5rem;
        }
    }

    @media (max-width: 1650px) {
        .momentContact {
            margin-left: 19rem;
        }
    }

    @media (max-width: 1600px) {
        .momentContact {
            margin-left: 18.5rem;
        }
    }

    @media (max-width: 1500px) {
        .momentContact {
            margin-left: 18rem;
        }
    }

    @media (max-width: 1440px) {
        .momentContact {
            margin-left: 17.5rem;
        }
    }
} */

@media (max-width: 1530px) {
    .hero .info {
        margin-right: -10rem;
    }
}

/* Define when to show the mobile-nav-toggle */
@media (max-width: 1279px) {
    .mobile-nav-toggle {
        display: block !important;
        color: var(--color-secondary);
        font-size: 28px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        position: fixed;
        top: 20px;
        z-index: 9999;
        right: 20px;
    }

    .navbar i {
        color: #fff;

    }


}

/* Achevemnet section on less than 1400px screens */
/* Define when to show the mobile-nav-toggle */
@media (max-width: 1399px) {
    .momentContact {
        width: 160px;
        height: 52px;
    }

    .comment-form input[type=text] {
        width: 485px;
    }

    .comment-form input[type=email] {
        width: 985px;
    }

    .comment-form textarea {
        width: 985px;
    }

    .newslettersImages {
        padding-left: 2rem;
    }

    .achivement .details {
        padding-bottom: 1rem;
    }

    .achivement .details p {
        font-size: 23px;
    }

    .section-header p {
        font-size: 21px;
    }

    .about .tab-content p {
        font-size: 14px;
        line-height: 170%;
        margin-top: 18px;
    }

    .about .tab-content ul li {
        font-size: 14px;
        line-height: 260%;
    }

    .about .tab-content h4 {
        font-size: 18px;
    }

    #hero .info .col-xl-7 h1 {
        margin-right: -2rem;
    }

    #hero .info .col-xl-10 h1 {
        margin-right: -2rem;
    }

    #hero .info .col-xl-10 .firstGallerySlider {
        margin-right: 3rem;
    }

    .hero .info p {
        margin-right: 6rem;
        font-size: 30px;
    }

    .hero .info .col-xl-7 p {
        margin-right: -8rem;
        font-size: 30px;
    }

    .hero .info .col-xl-9 p {
        margin-right: -1rem;
        font-size: 30px;
    }

    .hero .info .col-xl-10 p {
        margin-right: 4rem;
    }

    .overlay-text {
        font-size: 20px;
    }

    #services .row .tab-content .tab-pane h2 {
        font-size: 32px;
    }

    #services .row .tab-content .tab-pane p {
        font-size: 17px;
    }

    .vacancy-box .job-heading {
        font-size: 38px;
    }

    .custom-btn {
        width: 140px;
        height: 58px;
    }

    .additional-info-box p {
        margin-left: -1rem;
    }

    .apply-now-button {
        margin-left: 6rem;
    }
    .button-row {
        margin-left: 0.5em;
    }

    @media (max-width: 1300px) {

        #services .row .tab-content .tab-pane p {
            font-size: 16px;
        }
    }

    @media (max-width: 1250px) {
        .momentContact {
            width: 150px;
            height: 50px;
            top: 60%;
        }


    }

}

@media(max-width:1199px) {
    .momentContact {
        font-size:18px;
    }
    #ourVision::after {
        width: 186px;

        #ourMission::after {
            width: 210px;
        }
    }

    #ourMission::after {
        width: 210px;
    }

    #ourSkills::after {
        width: 172px;
    }

    #aboutId::after {
        left: 56px;
        width: 136px;
    }

    .comment-form input[type=text] {
        width: 405px;
    }

    .comment-form input[type=email] {
        width: 823px;
    }

    .comment-form textarea {
        width: 823px;
    }

    .newslettersImages {
        padding-left: 1rem;
    }

    .additional-info-box p {
        margin-left: -3rem;
    }

    .apply-now-button {
        margin-left: 4rem;
    }

    .jobDes .jobdetail {
        height: auto;
    }

    .jobdetail ul {
        text-align: justify;
        margin-right: 2rem;
    }

    .hero .col-xl-9 {
        width: auto;
    }

    #hero h1 {
        font-size: 70px;

    }

    #hero .info .col-lg-10 h1 {
        margin-right: -8rem;
    }

    #hero .info .col-lg-10 p {
        margin-right: -8rem;
    }

    #hero .info .col-xl-10 .firstGallerySlider {
        margin-right: 4rem;
    }

    .hero .info .col-lg-8 h1 {
        margin-right: -8rem;
    }

    .hero .info .col-lg-8 p {
        margin-right: -2rem;
    }

    .hero .info .col-lg-9 h1 {
        margin-right: 6rem;
    }

    .hero .info .col-lg-9 p {
        margin-right: 12rem;
    }

    .achivement .row {
        margin-top: -3rem;
    }

    .achivement .col-xl-3 {
        margin-top: 12rem;
    }

    #achivement .col-lg-3 .service-item {

        width: 120%;
    }

    .achivement .details {
        border-radius: 18px;
    }

    .about h2 {
        font-size: 40px;
    }

    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -6.5rem;
        max-width: 136%;
    }

    .section-header p {
        font-size: 18px;
    }

    .cta .content p {
        font-size: 16px;
    }

    .overlay-text {
        font-size: 17px;
    }

    #mobileAD {
        margin-top: -50px;
        margin-left: 2rem
    }

    #webD {
        margin-top: -50px;
        margin-left: auto;
    }

    #gameD {
        margin-top: -50px;
        margin-left: 1rem
    }

    #digitalM {
        margin-top: -50px;
        margin-left: auto;
    }

    #graphicD {
        margin-top: -50px;
        margin-left: auto;
    }

    #qualityA {
        margin-top: -50px;
        margin-left: -1rem;
    }

    #services .row .tab-content .tab-pane h2 {
        font-size: 28px;
    }

    #services .row .tab-content {
        margin-top: 4rem;
    }

    #services .row .tab-content .tab-pane p {
        font-size: 14px;
    }

    #mobileAD .tab-content p {
        margin-right: 5rem;
    }

    #mobileAD .tab-content p {
        margin-right: 5rem;
    }

    #mobileAD .tab-content p {
        margin-right: 5rem;
    }

    #gameD .tab-content p {
        margin-right: 5rem;
    }

    #graphicD .tab-content p {
        margin-right: 5rem;
    }

    .vacancy-box .job-heading {
        font-size: 30px;
    }

    .custom-btn {
        width: 123px;
        height: 54px;
    }

    #viewJobs .container p {
        text-align: justify;
        margin-right: 1.8rem;
    }

    .momentContact {
        width: 140px;
        height: 46px;
    }

    .button-row {
        margin-left: -0.3em;
    }

    .vacancy-box .date-text {
        font-size: 20px;
    }
}


@media (max-width: 1150px) {
    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -5.5rem;
        max-width: 132%;
    }

    /* .hero .info {
            margin-right: -6rem;
        }

        #hero h1 {
            font-size: 70px;
            margin-right: 12rem;
        } */

    #hero .info .col-xl-10 .firstGallerySlider {
        margin-right: 12rem;
    }

    .hero .info p {
        font-size: 28px;
    }

    #hero .info .col-lg-10 h1 {
        margin-right: 1rem;
    }


    #hero .info .col-lg-10 p {
        margin-right: 1rem;
    }

}

@media (max-width: 1050px) {

    .momentContact {
        width: 120px;
        height: 40px;
    }
    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -4.5rem;
        max-width: 130%;
    }

    .apply-now-button {
        margin-left: 3.5rem;
    }

    #logoImage img {
        width: 90%;
    }

    #hero h1 {
        font-size: 66px;
    }

    #hero .info .col-lg-8 h1 {
        margin-right: -6rem;
    }

    #hero .info .col-lg-9 h1 {
        margin-right: 8rem;
    }


    #hero .info .col-xl-10 .firstGallerySlider {
        margin-right: 14rem;
    }

    .hero .info p {
        font-size: 26px;
    }

}

@media (max-width: 991px) {
    .momentContact {
        font-size: 16px;
        border-radius: 10px;
    }

    #achivement .col-lg-3 .service-item {
        width: 100%;
    }

    #aboutdes {
        margin-top: 6rem;
    }

    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -9.5rem;
        max-width: 160%;
    }

    .about .nav-pills {
        margin-right: -5rem;
    }

    .about .nav-pills li+li {
        margin-left: 30px;
    }

    .about .tab-content p {
        line-height: 140%;
        margin-top: 10px;
        margin-right: -5rem;
    }

    .about .tab-content ul li {
        margin-right: -6rem;
        line-height: 210%;
    }

    .about .tab-content h4 {
        font-size: 16px;
    }

    #aboutId::after {
        left: 52px;
        width: 130px;
    }

    .about .tab-content .visionP {
        margin-right: -5rem;
        font-size: 14px;
        line-height: 140%;
        margin-top: 14px;
    }

    #aboutUsId #companyVision {
        padding-left: 7rem;
    }

    .about .tab-content ul .visionP {
        margin-right: -4rem;
        font-size: 14px;
        line-height: 120%;
    }


    #aboutUsId {
        margin-left: -8rem;
    }

    #aboutUsId .visionImg {
        max-width: 130%;
    }


    .about .tab-content .missionP {
        margin-right: -2rem;
        font-size: 14px;
        line-height: 140%;
        margin-top: 14px;
    }

    #aboutUsId .missionImg {
        max-width: 130%;
    }

    #companyMission .tab-content {
        padding-left: 56px;
    }

    .about .tab-content .skillsP {
        margin-right: -5rem;
        font-size: 14px;
        line-height: 140%;
        margin-top: 14px;
    }


    .about .tab-content ul .skillsP {
        margin-right: -4rem;
        font-size: 14px;
        line-height: 120%;
    }

    #aboutUsId #companySkills {
        padding-left: 7rem;
    }

    #aboutUsId .skillsImg {
        margin-left: -0.5rem;
        max-width: 130%;
    }


    #achivementId::after {
        left: 48px;
        width: 130px;
    }

    #serviceId::after {
        left: 36px;
        width: 136px;
    }

    #momentsId::after {
        left: 75px;
        width: 140px;
    }

    #blogId::after {
        left: -12px;
        width: 120px;
    }

    #contactId::after {
        left: 30px;
        width: 125px;
    }

    #mobileAD {

        margin-left: -5rem
    }

    #mobileAD .tab-content {
        margin-left: 0px;
    }

    #mobileAD .tab-content p {
        margin-right: 0.5rem;
    }

    #gameD {
        margin-left: -5rem
    }

    #gameD .tab-content {
        margin-left: 0px;
    }

    #gameD .tab-content p {
        margin-right: 0.5rem;
    }

    #graphicD {
        margin-left: -5rem
    }

    #graphicD .tab-content p {
        margin-right: 0.5rem;
    }

    #qualityA {
        margin-left: auto;
    }

    #qualityA .tab-content {
        margin-left: -20px;
    }

    #qualityA .about-img img {
        margin-left: 4.5rem;
    }

    #qualityA .tab-content p {
        margin-right: -6rem;
    }

    #graphicD .tab-content {
        margin-left: 0px;
    }

    #webD .tab-content {
        margin-left: -20px;
    }

    #webD .about-img img {
        margin-left: 4.5rem;
    }

    #webD .tab-content p {
        margin-right: -6rem;
    }

    #digitalM .tab-content {
        margin-left: -20px;
    }

    #digitalM .about-img img {
        margin-left: 4.5rem;
    }

    #digitalM .tab-content p {
        margin-right: -6rem;
    }

    #services .row .tab-content .tab-pane h2 {
        font-size: 24px;
    }

    #services .row .tab-content .tab-pane p {
        font-size: 14px;
    }

    #logoImage img {
        width: 82%;
    }

    .section-header h2 {
        font-size: 38px;
    }

    .hero .info {
        margin-right: 0rem;
    }

    #hero h1 {
        font-size: 60px;
    }

    #hero .info .col-md-10 h1 {
        margin-right: -5rem;
    }

    .hero .info .col-md-8 p {
        font-size: 24px;
        margin-right: -4rem;
    }

    #hero .info .col-md-10 p {
        font-size: 24px;
        margin-right: -9rem;
    }

    .hero .info .col-md-9 p {
        font-size: 24px;
        margin-right: 6rem;
    }

    .cta .content p {
        margin-right: auto;
        font-size: 15px;
    }

    .vacancy-box .date-text {
        font-size: 16px;
    }

    .vacancy-box .job-heading {
        font-size: 20px;
    }

    .custom-btn {
        width: 90px;
        height: 42px;
        font-size: 16px;
    }

    .button-row {
        margin-left: -0.5em;
        gap: 10px;
        margin-top: 1.5em;
    }

    .jobDes .jobdetail {
        width: 122%;
        margin-left: -6rem;
    }

    .additional-info-box {
        width: 130%;
        height: 370px;
    }

    .jobdetail h3 {
        font-size: 30px;
    }

    .additional-info-box h3 {
        margin-left: 2rem;
        text-align: left;
        font-size: 30px;

    }

    .additional-info-box p {
        margin-left: -4rem;
    }

    #viewJobs .container p {
        margin-right: 1rem;
    }

    .apply-now-button {
        margin-left: 3rem;
    }

    #viewJobs .container h2 {
        padding-left: 0rem;
    }

    #viewJobs .address-post-section .address-post .address {
        margin-left: -6rem;
    }

    #viewJobs .address-post-section .citylocation {
        margin-left: -3.5rem
    }

    #secondDiv {
        /* Remove col-md-6 class */
        width: 100%;
        padding-left: 12px;
        padding-right: 0;
    }

    .comment-form {
        height: auto;
    }

    .comment-form input[type=text] {
        width: 550px;
    }

    .comment-form input[type=email] {
        width: 550px;
    }

    .comment-form textarea {
        width: 550px;
    }

    .comment-form .php-email-form button[type=submit] {
        margin-bottom: 3rem;
        margin-top: 1rem;
        margin-left: -2.5rem;
    }

    .cta .content h3 {
        font-size: 38px;
    }


}



@media (max-width: 899px) {
    .momentContact {
        width: 13%;
        height: 27%;
        left: 62.8%;
    }

    .about .nav-link {
        font-size: 16px;
    }

    .about .nav-pills li+li {
        margin-left: 20px;
    }

    .about .nav-pills {
        margin-right: -3rem;
    }

    .about .tab-content p {
        margin-right: -3rem;
    }

    .about .tab-content ul li {
        margin-right: -3rem;
        line-height: 170%;
    }

    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -8.5rem;
    }

    /* about us section */
    #aboutUsId {
        margin-left: -6rem;
    }

    .about .tab-content .visionP {
        margin-right: -2rem;
    }

    .about .tab-content ul .visionP {
        margin-right: -2rem;
    }

    #aboutUsId .missionImg {
        margin-left: -2rem;
    }

    .about .tab-content .missionP {
        margin-right: auto;
    }

    .about .tab-content .skillsP {
        margin-right: -3rem;
    }

    .about .tab-content ul .skillsP {
        margin-right: -2rem;
    }

    #mobileAD {

        margin-left: -2rem
    }

    #mobileAD .tab-content p {
        margin-right: -0.5rem;
    }

    #webD {
        margin-left: 2.5rem;
    }

    #webD .about-img img {
        margin-left: 5rem;
    }

    #webD .tab-content p {
        margin-right: -6rem;
    }

    #gameD {
        margin-left: -3rem
    }

    #gameD .tab-content p {
        margin-right: -0.5rem
    }

    #digitalM {
        margin-left: 2rem;
    }

    #digitalM .about-img img {
        margin-left: 5rem;
    }

    #digitalM .tab-content p {
        margin-right: -6rem;
    }

    #graphicD {
        margin-left: -3rem
    }

    #graphicD .tab-content p {
        margin-right: -0.5rem
    }

    #qualityA {
        margin-left: 2rem;
    }

    #qualityA .about-img img {
        margin-left: 5rem;
    }

    #qualityA .tab-content p {
        margin-right: -6rem;
    }

    #services .row .tab-content .tab-pane p {
        font-size: 13px;
        line-height: 170%;
        margin-top: 10px;
    }

    .hero .info {
        margin-right: -4rem;
    }

    #hero h1 {
        font-size: 58px;
    }

    #screen900 {
        display: none;
    }

    #screen899 {
        display: block;
    }

    #hero .info .col-md-10 p {
        margin-right: -2rem;
    }

}

@media (max-width: 849px) {

    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -7rem;
        max-width: 150%;
    }

    .about .tab-content p {
        line-height: 120%;
        margin-top: 0px;
        margin-right: -1rem;
    }

    .about .nav-pills li+li {
        margin-left: 10px;
    }

    .about .nav-pills {
        margin-right: -1rem;
    }

    .about .tab-content ul li {
        margin-right: -2rem;
        line-height: 160%;
    }

    #aboutUsId #companyVision {
        padding-left: 6rem;
    }

    .about .tab-content .visionP {
        margin-right: -1rem;
    }

    .about .tab-content ul .visionP {
        margin-right: -1rem;
    }

    #aboutUsId .missionImg {
        margin-left: -3rem;
    }

    #aboutUsId #companySkills {
        padding-left: 6rem;
    }

    .about .tab-content .skillsP {
        margin-right: -1rem;
    }

    .about .tab-content ul .skillsP {
        margin-right: -1rem;
    }

    .jobDes .jobdetail {
        width: 110%;
        margin-left: -3rem;
    }

    .additional-info-box {
        margin-left: -0.5rem;
        width: 110%;
    }

    .hero .info {
        margin-right: -8rem;
    }

    #hero h1 {
        font-size: 52px;
    }


    #hero .info .col-md-10 h1 {
        margin-right: 0rem;
    }

    #hero .info .col-md-10 p {
        margin-right: 1rem;
        font-size: 22px;
    }

    #hero .info .col-md-8 p {
        margin-right: -1rem;
        font-size: 22px;
    }

    #hero .info .col-md-9 p {
        margin-right: 12rem;
        font-size: 22px;
    }

    .section-header p {
        font-size: 16px;
    }

}

@media(max-width:799px) {
    .momentContact {
        font-size: 14px;
        left: 62.7%;
        border-radius: 8px;
    }
    #aboutUsId {
        margin-left: -5rem;
    }

    #aboutdes {
        margin-top: 5.5rem;
    }

    .about .tab-content p {
        line-height: 120%;
        margin-top: 0px;
    }

    #about .col-lg-5 .about-img .homeAboutImg {
        margin-left: -5rem;
        max-width: 136%;
    }

    .about .tab-content ul li {
        margin-right: -1rem;
        line-height: 140%;
    }

    .about .tab-content .visionP {
        margin-right: 0rem;
        margin-top: 12px;
        line-height: 130%;
    }

    #companyMission .tab-content {
        padding-left: 60px;
    }

    #aboutUsId .missionImg {
        margin-left: -4rem;
    }

    .about .tab-content .missionP {
        margin-right: 1rem;
        line-height: 130%;
        margin-top: 12px;
    }

    #aboutUsId .skillsImg {
        margin-left: -0.3rem;
    }

    .about .tab-content .skillsP {
        margin-right: 0rem;
    }

    #viewJobs .container h2 {
        font-size: 28px;
    }

    .jobdetail h3 {
        font-size: 24px;
    }

    .additional-info-box h3 {
        font-size: 24px;
    }

    #mobileAD .tab-content p {
        margin-right: 1rem;
    }

    #webD .about-img img {
        margin-left: 4rem;
    }

    #webD .tab-content p {
        margin-right: -5rem;
    }



    #gameD .tab-content p {
        margin-right: 1rem
    }


    #digitalM .about-img img {
        margin-left: 4rem;
    }

    #digitalM .tab-content p {
        margin-right: -5rem;
    }

    #graphicD .tab-content p {
        margin-right: 1rem
    }


    #qualityA .about-img img {
        margin-left: 4rem;
    }

    #qualityA .tab-content p {
        margin-right: -5rem;
    }
}

@media (max-width: 767px) {
    .button-row {
        margin-left: 5.5em;
        gap: 16px;
    }
    .custom-btn {
        width: 140px;
        height: 50px;
        font-size: 20px;
    }

    #cta .container{
        max-width: 96%;
    }
    #cta .container .col-sm-6 h5{
        margin-left: -2rem;
    }
    .cta .content h3 {
        margin-right: -16rem;
        margin-top: -2rem;
        margin-bottom: 3rem;
        font-size: 38px;
    }
    .cta .content p {
        margin-left: -2rem;
       
    }
    #cta .container .img img{
        max-width: 110%;
    }
    #achivement .col-sm-6 .service-item {
        width: 120%;
    }

    .achivement .row {
        margin-left: -3rem;
    }

    .about .tab-content h4 {
        font-size: 14px;
    }

    #aboutdes {
        margin-left: -1.5rem;
    }

    #about .col-lg-5 .about-img .homeAboutImg {
        height: 23rem;
        margin-left: -9rem;
        max-width: 180%;
    }

    .about .nav-pills {
        margin-right: -7rem;
    }

    .about .tab-content p {
        margin-right: -6rem;
    }

    .about .tab-content ul li {
        margin-right: -6rem;
        line-height: 145%;
    }

    .about .nav-link {
        font-size: 14px;
    }

    .about h2 {
        font-size: 38px;
    }

    #ourVision::after {
        width: 176px;
    }

    #ourMission::after {
        width: 200px;
    }

    #ourSkills::after {
        width: 165px;
    }

    #aboutUsId {
        margin-left: -8rem;
    }

    #aboutUsId .visionImg {
        margin-left: -1rem;
        max-width: 150%;
    }

    .about .tab-content .visionP {
        margin-right: -4rem;
        margin-top: 10px;
        line-height: 120%;
    }

    .about .tab-content ul .visionP {
        margin-right: -4rem;
    }

    #companyMission .tab-content {
        padding-left: 42px;
    }

    .about .tab-content .missionP {
        margin-right: -2rem;
        line-height: 120%;
        margin-top: 10px;
    }

    #aboutUsId .missionImg {
        margin-left: -1rem;
        max-width: 150%;
    }

    #aboutUsId .skillsImg {
        margin-left: -1.3rem;
        max-width: 150%;
    }

    .about .tab-content .skillsP {
        margin-right: -4rem;
        margin-top: 10px;
        line-height: 120%;
    }

    .about .tab-content ul .skillsP {
        margin-right: -4rem;
    }


    .hero .info {
        margin-right: 0rem;
    }

    #hero h1 {
        font-size: 48px;
        margin-right: 3rem;
    }

    #hero .info .col-xl-10 h1 {
        margin-right: -1rem;
    }

    #hero .info .col-md-9 h1 {
        margin-right: auto;
    }

    #hero .info .col-md-12 .firstGallerySlider {
        margin-right: auto;
    }

    #hero .info .col-md-12 p {
        font-size: 22px;
    }

    #hero .info .col-md-9 p {
        margin-right: auto;
    }

    #hero .info .col-md-7 h1 {
        margin-right: -7rem;
    }

    #hero .info .col-md-7 p {
        font-size: 22px;
    }

    .address-post-section {
        /* Modify the layout of address-post-section */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .jobDes {
        /* Modify the layout of jobDes */
        display: flex;
        flex-direction: column;
        margin-left: 0;
        /* Reset margin */
    }

    .jobDes .jobdetail {
        /* Modify the layout of jobdetail */
        height: auto;
        /* Reset height */
        width: auto;
        /* Reset width */
        margin-top: 1rem;
        /* Add margin to separate from address-post-section */

    }

    .additional-info-box {
        margin-left: -3rem;
        width: 110%;
    }

    .additional-info-box h3 {
        margin-left: 3rem;
    }

    .additional-info-box p {
        margin-left: -3rem;
    }

    #viewJobs .address-post-section .address-post span {
        margin-left: 0.5rem;
    }

    #viewJobs .address-post-section .address-post .address {
        margin-left: -9rem;
    }

    #viewJobs .container h2 {
        margin-left: -3rem;
    }

    #viewJobs .address-post-section .citylocation {
        margin-left: -7rem;
    }

    #services .row .tab-content .tab-pane h2 {
        font-size: 21px;
    }

    #services .row .tab-content {
        margin-top: 3.5rem;
    }

    #services .row .tab-content .tab-pane p {
        line-height: 150%;
        margin-top: 8px;
    }

    #services .row .col-sm-6 .about-img .mobileImg {
        max-width: 130%;
    }

    #services .row .mobileAdImg {
        margin-left: -4rem;
    }

    #services .row .mobileADdes {
        margin-left: 4rem;
    }

    #mobileAD .tab-content .tab-pane p {
        margin-right: -1rem;
    }

    #services .row .webDdes {
        margin-left: -4rem;
    }

    #webD .about-img img {
        max-width: 140%;
    }

    #webD .tab-content .tab-pane p {
        margin-right: -6rem;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        max-width: 130%;
    }

    #services .row .gameDImg {
        margin-left: -4rem;
    }

    #services .row .gameDdes {
        margin-left: 4rem;
    }

    #gameD .tab-content .tab-pane p {
        margin-right: -1rem;
    }

    #services .row .digitalMdes {
        margin-left: -4rem;
    }

    #digitalM .about-img img {
        max-width: 140%;
    }

    #digitalM .tab-content .tab-pane p {
        margin-right: -6rem;
    }


    #graphicD img {
        max-width: 130%;
    }

    #graphicD .graphicDImg {
        margin-left: -4rem;
    }

    #graphicD .graphicDes {
        margin-left: 4rem;
    }

    #graphicD .tab-content .tab-pane p {
        margin-right: -1rem;
    }

    #services .row .qualityADes {
        margin-left: -4rem;
    }

    #qualityA .about-img img {
        max-width: 140%;
    }

    #qualityA .tab-content .tab-pane p {
        margin-right: -6rem;
    }

    #blogDetail .comment-form h2 {
        padding-left: 3rem;
    }

    #blogDetail .comment-form p {
        padding-left: 3rem;
    }

    .comment-form .row .col-lg-12 {
        margin-left: 3rem;
    }

    .comment-form input[type=text] {
        width: 420px;
    }

    .comment-form input[type=email] {
        width: 420px;
    }

    .comment-form textarea {
        width: 420px;
    }




}

@media(max-width:721px) {

    #cta .container .img img {
        margin-top: -4rem;
    }
}


@media (max-width: 699px) {
    .momentContact {
        font-size: 13px;
        width: 14%;
        height: 28%;
    }
    #cta .container .img img {
        margin-top: -6rem;
    }
    #aboutUsId {
        margin-left: -6rem;
    }

    #about .col-sm-5 .about-img .homeAboutImg {
        height: 24rem;
        margin-left: -7.5rem;
        max-width: 185%;
    }

    .about .nav-pills li+li {
        margin-left: 4px;
    }

    .about .tab-content p {
        margin-right: -3rem;
    }

    .about .nav-pills {
        margin-right: -4rem;
    }

    #aboutdes {
        margin-left: 0rem;
    }

    #aboutUsId .visionImg {
        max-width: 160%;
    }

    .about .tab-content .visionP {
        margin-right: -2rem;
    }

    .about .tab-content ul .visionP {
        margin-right: -2rem;
    }

    #aboutUsId .missionImg {
        margin-left: -4rem;
        max-width: 160%;
    }

    .about .tab-content .missionP {
        margin-right: 0rem;
    }

    #aboutUsId .skillsImg {
        margin-left: -1.4rem;
        max-width: 160%;
    }

    .about .tab-content ul .skillsP {

        margin-right: -2rem;
    }

    .about .tab-content .skillsP {
        margin-right: -2rem;
    }

    #viewJobs .container h2 {
        margin-left: -1rem;
    }

    #viewJobs .address-post-section .address-post .address {
        margin-left: -7rem;
    }

    #viewJobs .address-post-section .citylocation {
        margin-left: -5rem;
    }

    #viewJobs .container p {
        font-size: 15px;
    }

    .jobDes .jobdetail {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .additional-info-box {
        margin-left: -1rem;
        width: 107%;
    }

    .hero .info {
        margin-right: -6rem;
    }

    #hero h1 {
        font-size: 40px;
        margin-right: 6rem;
    }

    #hero .info .col-sm-12 .firstGallerySlider {
        margin-right: 6rem;
    }

    #hero .info .col-sm-12 p {
        margin-right: 6rem;
        font-size: 20px;
    }

    #hero .info .col-sm-10 h1 {
        margin-right: -2rem;
    }

    #hero .info .col-sm-10 p {
        text-align: justify;
        /* margin-right: 6rem; */
        font-size: 20px;
    }

    #hero .info .col-sm-8 p {
        font-size: 20px;
    }

    #hero .info .col-sm-9 p {
        text-align: justify;
        font-size: 20px;
        margin-right: 12rem;
    }

    #hero .info .col-md-7 p {
        margin-right: -3rem;
        font-size: 20px;
    }

    #services .row .tab-content {
        margin-top: 3.3rem;
    }

    #services .row .tab-content .tab-pane p {
        line-height: 140%;
        margin-top: 6px;
    }

    #services .row .col-sm-6 .about-img .mobileImg {
        max-width: 115%;
    }

    #services .row .mobileAdImg {
        margin-left: -2rem;
    }

    #services .row .mobileADdes {
        margin-left: 2rem;
    }


    #services .row .webDdes {
        margin-left: -2rem;
    }

    #webD .about-img img {
        max-width: 125%;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        max-width: 115%;
    }

    #services .row .gameDImg {
        margin-left: -2rem;
    }

    #services .row .gameDdes {
        margin-left: 2rem;
    }

    #services .row .digitalMdes {
        margin-left: -2rem;
    }

    #digitalM .about-img img {
        max-width: 125%;
    }


    #graphicD img {
        max-width: 115%;
    }

    #graphicD .graphicDImg {
        margin-left: -2rem;
    }

    #graphicD .graphicDes {
        margin-left: 2rem;
    }

    #services .row .qualityADes {
        margin-left: -2rem;
    }

    #qualityA .about-img img {
        max-width: 125%;
    }


}
@media(max-width:675px) {
    #cta .container .img img {
        margin-top: -8rem;
    }
}
@media(max-width:648px) {
    #cta .container .img img {
        margin-top: -9rem;
    }
}

@media(max-width:640px) {
    .momentContact {
        border-radius: 6px;
        font-size: 12px;
        width: 12%;
        height: 26%;
    }

    #cta .container .img img {
        margin-top: -11rem;
    }
    #about .col-sm-5 .about-img .homeAboutImg {
        height: 22rem;
        margin-left: -6.5rem;
        max-width: 175%;
    }

    .about .nav-pills {
        margin-right: -3rem;
    }

    .about .nav-pills li+li {
        margin-left: -5px;
    }

    .about .tab-content p {
        margin-right: -2rem;
    }

    .about .tab-content ul li {
        margin-right: -2rem;
        line-height: 142%;
    }

    #aboutUsId {
        margin-left: -5rem;
    }

    .about .tab-content .visionP {
        margin-right: -1rem;
    }

    .about .tab-content ul .visionP {
        margin-right: -1rem;
    }

    #aboutUsId .missionImg {
        margin-left: -5rem;
    }

    .about .tab-content .missionP {
        margin-right: 1rem;
    }

    .about .tab-content .skillsP {
        margin-right: -1rem;
    }

    .about .tab-content ul .skillsP {
        margin-right: -1rem;
    }
}

@media (max-width:620px) {
    #cta .container .col-sm-6 {
     /* Remove col-6 properties */
     width: auto;
     float: none;
     /* Apply col-12 properties */
     /* width: 100%; */
    }
    .cta .content h3 {
        margin-right: 3rem;
        margin-top: -2rem;
        margin-bottom: 2rem;
        font-size: 38px;
    }
    #cta .container .img img {
        max-width: 60%;
        margin-top: 0rem;
    }
    #cta .container .order-sm-last{
        margin-left: 6rem;
    }
    .cta .img:before {
        margin-right: 10rem;
    }
    .cta .img::after {
        margin-right: 11rem;
    }

    .achivement .row {
        margin-right: 1rem;
        margin-left: -2rem;
    }

    #aboutdes {
        margin-top: 2rem;
        margin-left: 1rem;
    }

    #aboutPortionId {
        display: flex;
        flex-direction: column-reverse;
        /* Reversing the order of flex items for smaller screens */
    }

    #aboutPortionId .aboutdes {
        order: 2;
    }

    /* #aboutPortionId .about-img {
        order: -1; /* Reorder the image container to come before the text container */
    /* } */
    .about .tab-content p {
        line-height: 170%;
        margin-top: 18px;
        margin-right: -12rem;
    }

    .about .tab-content ul li {
        margin-right: -12rem;
        line-height: 250%;
    }

    .about .nav-pills {
        margin-right: -13rem;
    }

    .about .nav-link {
        font-size: 18px;
    }

    .about .nav-pills li+li {
        margin-left: 40px;
    }

    .about .tab-content h4 {
        font-size: 16px;
    }

    #about .col-sm-5 .about-img .homeAboutImg {
        max-width: 220%;
        height: 25rem;
        margin-left: 2.5rem;
    }

    #aboutUsMobileId {
        display: block;
    }

    #aboutUsId {
        display: none;
    }


    .about .tab-content .visionP {
        margin-right: auto;
        margin-top: 20px;
        line-height: 170%;
        font-size: 16px;
    }

    .about .tab-content ul .visionP {
        font-size: 16px;
        line-height: 150%;
        margin-right: auto;
    }

    #companyMission .tab-content {
        padding-left: 80px;
    }

    .about .tab-content .missionP {
        margin-right: auto;
        margin-top: 20px;
        line-height: 170%;
        font-size: 16px;
    }

    .about .tab-content .skillsP {
        margin-right: auto;
        margin-top: 20px;
        line-height: 170%;
        font-size: 16px;
    }

    .about .tab-content ul .skillsP {
        font-size: 16px;
        line-height: 150%;
        margin-right: auto;
    }

    #aboutUsMobileId .col-sm-12 .about-img img {
        margin-left: 1rem;
        max-width: 80%;
    }




}


@media (max-width: 575px) {
    .achivement .row {
        margin-right: 2rem;
        margin-left: -1rem;
    }

    .about .nav-pills {
        margin-right: 2rem;
    }

    .about .nav-link {
        font-size: 16px;
    }

    .about .tab-content p {
        margin-right: 2rem;
    }

    .about .tab-content ul li {
        margin-right: 2rem;
        line-height: 250%;
    }

    #about .col-sm-5 .about-img .homeAboutImg {
        margin-left: 5rem;
    }


    #aboutUsMobileId .col-sm-12 .tab-content {
        padding-left: 1rem;
    }

    #aboutUsMobileId .col-sm-12 .about-img img {
        margin-left: 4rem;
        max-width: 70%;
    }

    .about #aboutUsMobileId .tab-content p {
        margin-right: 1rem;
    }

    .about #aboutUsMobileId .tab-content ul li {
        margin-right: 1rem;
    }

    .desktopaddress {
        display: none;
    }

    #mobileaddress {
        display: block;
        margin-left: -1rem;
    }

    #mobileaddress span {
        margin-left: 0.5rem;
    }

    #viewJobs .container h2 {
        margin-left: 10rem;
    }

    .address-post-section {
        margin-left: 5rem;
    }

    .job-posted-date {
        margin-top: -1rem;
        margin-left: 5rem;
    }

    #viewJobs .address-post-section .address-post .address {
        margin-left: -1rem;
    }

    #viewJobs .address-post-section .citylocation {
        margin-left: 1rem;
    }

    .jobDes .jobdetail {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .additional-info-box {
        margin-left: 3rem;
        width: 83%;
    }

    .jobdetail h3 {
        font-size: 24px;
    }

    .additional-info-box h3 {
        font-size: 24px;
    }

    .hero .info {
        margin-left: 4rem;
    }

    #hero h1 {
        font-size: 36px;
    }

    #hero .info .col-sm-12 .firstGallerySlider {
        margin-right: 7rem;
    }

    #hero .info .col-sm-12 p {
        margin-right: 8rem;
    }

    #hero .info .col-sm-10 h1 {
        margin-right: 6rem;
    }

    #hero .info .col-sm-10 p {
        margin-right: 10rem;
    }

    #hero .info .col-sm-8 h1 {
        margin-right: 6rem;
    }

    #hero .info .col-sm-8 p {
        margin-right: 8rem;
    }

    #hero .info .col-sm-9 h1 {
        margin-right: 2rem;
    }

    #hero .info .col-sm-9 p {
        margin-right: 8rem;
    }

    #hero .info .col-md-7 p {
        margin-right: 10rem;
    }

    #blogDetail .container .row {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    #blogDetail .comment-form {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .comment-form .row .col-lg-12 {
        margin-left: -3rem;
    }

    .comment-form input[type=text] {
        width: 400px;
    }

    .comment-form input[type=email] {
        width: 400px;
    }

    .comment-form textarea {
        width: 400px;
    }

    .comment-form .php-email-form button[type=submit] {
        padding: 12px 40px;
        margin-left: 7rem;
    }

    #services .row .tab-content .tab-pane h2 {
        font-size: 18px;
    }

    #services .row .tab-content .tab-pane p {
        font-size: 13px;
    }

    #services .row .tab-content .tab-pane p {
        line-height: 120%;
        margin-top: 4px;
    }

    #services .row .mobileAdImg {
        flex: 2;
        margin-left: -0.5rem;
    }

    #services .row .col-sm-6 .about-img .mobileImg {
        max-width: 118%;
    }


    #mobileAD .mobileADdes .tab-content {
        margin-top: 3rem;
        margin-left: 0rem;
    }

    #services .row .mobileADdes {
        flex: 2;
        margin-right: 2.5rem;
    }


    #services .row .webDdes {
        margin-left: -1rem;
    }

    #webD .tab-content .tab-pane p {
        margin-right: 15rem;
    }

    #webD .about-img img {
        margin-left: 1rem;
        max-width: 110%;
    }

    #webD .about-img {
        margin-top: -18rem;
        margin-left: 15rem;
    }

    #services .row .gameDImg {
        flex: 2;
        margin-left: -0.5rem;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        max-width: 118%;
    }


    #gameD .gameDdes .tab-content {
        margin-left: 0rem;
        margin-top: 3rem;
    }

    #services .row .gameDdes {
        flex: 2;
        margin-right: 2.5rem;
    }

    #services .row .digitalMdes {
        margin-left: -2rem;
    }

    #digitalM .tab-content .tab-pane p {
        margin-right: 13rem;
    }

    #digitalM .about-img img {
        margin-left: 1rem;
        max-width: 110%;
    }

    #digitalM .about-img {
        margin-top: -16rem;
        margin-left: 15rem;
    }


    #services .row .graphicDImg {
        flex: 2;
        margin-left: -0.5rem;
    }

    #graphicD img {
        max-width: 118%;
    }


    #graphicD .gameDdes .tab-content {
        margin-left: -3rem;
        margin-top: 3rem;
    }

    #services .row .graphicDes {
        flex: 2;
        margin-right: 2.5rem;
    }


    #services .row .qualityADes {
        margin-left: 0rem;
    }

    #qualityA .tab-content .tab-pane p {
        margin-right: 13rem;
    }

    #qualityA .about-img img {
        margin-left: 1rem;
        max-width: 110%;
    }

    #qualityA .about-img {
        margin-top: -16rem;
        margin-left: 15rem;
    }

    .momentContact {
        font-size: 12px;
        width: 14%;
        height: 26%;
        left: 62.6%;
        top: 59%;
    }

    .button-row {
        margin-left: 6.5em;
    }
}

@media(max-width:560px) {
    #viewJobs .container h2 {
        margin-left: 5rem;
    }

    .address-post-section {
        margin-left: 0rem;
    }

    .job-posted-date {
        margin-left: 0rem;
    }

    .additional-info-box {
        margin-left: 2.5rem;
    }

    #webD .about-img {
        margin-top: -18rem;
        margin-left: 14rem;
    }

    #digitalM .about-img {
        margin-top: -18rem;
        margin-left: 14rem;
    }

    #qualityA .about-img {
        margin-top: -18rem;
        margin-left: 14rem;
    }

}

@media(max-width:550px) {
    #cta .container .order-sm-last {
        margin-left: 5rem;
    }
    #webD .about-img {

        margin-left: 13rem;
    }

    #digitalM .about-img {
        margin-top: -17rem;
        margin-left: 13rem;
    }

    #qualityA .about-img {
        margin-top: -17rem;
        margin-left: 13rem;
    }
}

@media (max-width:540px) {
    #about .col-sm-5 .about-img .homeAboutImg {
        margin-left: 4rem;
    }

    .desktoplargescreen {
        display: none;
    }

    .mobilescreen540 {
        display: block;
    }

    #webD .about-img {
        margin-top: -19rem;
        margin-left: 12.5rem;
    }

    #digitalM .about-img {
        margin-top: -17.5rem;
        margin-left: 12.5rem;
    }

    #qualityA .about-img {
        margin-top: -17.5rem;
        margin-left: 12.5rem;
    }

    .additional-info-box {
        width: 82%;
    }

    .hero .info {
        margin-left: 3rem;
    }

    #hero h1 {
        font-size: 32px;
    }

    #hero .info .col-sm-8 h1 {
        margin-right: 7rem;
    }

    #hero .info .col-sm-8 p {
        font-size: 18px;
        margin-right: 9rem;
    }

    #hero .info .col-sm-9 h1 {
        margin-right: 4rem;
    }

    #hero .info .col-sm-9 p {
        font-size: 18px;
        margin-right: 11rem;
    }

    #hero .info .col-sm-12 .firstGallerySlider {
        margin-right: 9rem;
    }

    #hero .info .col-md-12 p {
        font-size: 18px;
    }

    #hero .info .col-sm-10 h1 {
        margin-right: 8rem;
    }

    #hero .info .col-sm-10 p {
        font-size: 18px;
        margin-right: 12rem;
    }

    #hero .info .col-md-7 p {
        margin-right: 11rem;
        font-size: 18px;
    }

    .comment-form input[type=text] {
        width: 370px;
    }

    .comment-form input[type=email] {
        width: 370px;
    }

    .comment-form textarea {
        width: 370px;
    }

    .comment-form .php-email-form button[type=submit] {
        margin-left: 6rem;
    }

}

@media (max-width:520px) {
    .achivement .details p {
        font-size: 21px;
    }

    .about .nav-pills {
        margin-right: 1rem;
    }

    .comment-form .php-email-form button[type=submit] {
        padding: 11px 30px;
    }

    .comment-form input[type=text] {
        width: 350px;
    }

    .comment-form input[type=email] {
        width: 350px;
    }

    .comment-form textarea {
        width: 350px;
    }

}

@media (max-width:506px) {
    .momentContact {
        font-size: 11px;
        width: 16%;
        height: 24%;
        left: 62.6%;
        top: 59%;
    }
    #achivement .col-6 .service-item {
        width: 130%;
    }

    .about .nav-pills li+li {
        margin-left: 10px;
    }

    #about .col-sm-5 .about-img .homeAboutImg {
        margin-left: 3rem;
    }

    .comment-form .php-email-form button[type=submit] {
        padding: 11px 25px;
    }

    .comment-form input[type=text] {
        width: 335px;
    }

    .comment-form input[type=email] {
        width: 335px;
    }

    .comment-form textarea {
        width: 335px;
    }


    #services .row .col-sm-6 .about-img .mobileImg {
        margin-left: -1rem;
        max-width: 150%;
    }

    #mobileAD .mobileADdes .tab-content {
        margin-left: -1rem;
    }

    #services .row .mobileADdes {
        margin-right: 2rem;
    }

    #webD .about-img img {
        margin-left: -2rem;
        max-width: 140%;
    }

    #webD .about-img {
        margin-top: -20.5rem;
        margin-left: 13rem;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        max-width: 150%;
    }

    #services .row .gameDdes {
        margin-right: 2rem;
    }

    #gameD .gameDdes .tab-content {
        margin-left: 0rem;

    }

    #digitalM .about-img img {
        margin-left: -2rem;
        max-width: 140%;
    }

    #digitalM .about-img {
        margin-top: -19.5rem;
        margin-left: 13rem;
    }

    #graphicD img {

        max-width: 150%;
    }

    #services .row .graphicDImg {
        margin-right: 2rem;
    }

    #graphicD .graphicDes .tab-content {
        margin-left: -2rem;

    }

    #qualityA .about-img img {
        margin-left: -2rem;
        max-width: 140%;
    }

    #qualityA .about-img {
        margin-top: -19.5rem;
        margin-left: 13rem;
    }

    .additional-info-box {
        width: 81%;
        margin-left: 2.8rem;
    }

    .hero .info {
        margin-left: 2rem;
    }

    #hero .info .col-sm-8 p {
        margin-right: 7rem;
    }

    #hero .info .col-sm-10 p {
        margin-right: 10rem;
    }

    #hero .info .col-sm-9 p {
        margin-right: 9rem;
    }

    #hero .info .col-sm-9 h1 {
        margin-right: 2rem;
    }

    #hero .info .col-sm-7 p {
        margin-right: 9rem;
    }


}

@media(max-width:480px) {

    #desktopLayer{
        display: none;
    }
    #mobileLayer{
        display: block;
    }

    .latest-job-posts .position-relative {
        margin-top: 6rem;
        margin-bottom: -4.6rem;
    }

    .button-row {
        margin-left: 3.5em;
    }

    .momentContact {
        display: none;
    }
 
    .achivement .row {
        margin-left: -2rem;
    }

    #about .col-sm-5 .about-img .homeAboutImg {
        margin-left: 2rem;
    }

    #aboutUsMobileId .col-sm-12 .about-img img {
        margin-left: 3rem;
    }

    .comment-form .php-email-form button[type=submit] {
        margin-left: 5.5rem;
        padding: 10px 20px;
    }

    .comment-form input[type=text] {
        width: 320px;
    }

    .comment-form input[type=email] {
        width: 320px;
    }

    .comment-form textarea {
        width: 320px;
    }

    .mobilescreen540 {
        display: none;
    }

    .mobilescreen476 {
        display: block;
    }

    #services .row .col-sm-6 .about-img .mobileImg {
        margin-left: -1.5rem;
        max-width: 165%;
    }

    #mobileAD .mobileADdes .tab-content {
        margin-left: 0rem;
    }

    #services .row .webDdes {
        margin-left: -1.5rem;
    }

    #webD .about-img img {
        margin-left: -4rem;
        max-width: 165%;
    }

    #webD .about-img {
        margin-top: -22.5rem;
        margin-left: 13rem;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        margin-left: -0.5rem;
        max-width: 165%;
    }

    #gameD .gameDdes .tab-content {
        margin-left: 1rem;
    }

    #services .row .digitalMdes {
        margin-left: -1.5rem;
    }

    #digitalM .about-img img {
        margin-left: -4rem;
        max-width: 165%;
    }

    #digitalM .about-img {
        margin-top: -20.5rem;
        margin-left: 13rem;
    }

    #graphicD img {
        margin-left: -0.5rem;
        max-width: 180%;
    }

    #graphicD .graphicDes .tab-content {
        margin-left: 0rem;
    }

    #services .row .qualityADes {
        margin-left: -1.5rem;
    }

    #qualityA .about-img img {
        margin-left: -4rem;
        max-width: 165%;
    }

    #qualityA .about-img {
        margin-top: -20.5rem;
        margin-left: 13rem;
    }

    .additional-info-box {
        width: 80%;
    }


}


@media(max-width:459px) {
    #tabletscreen {
        display: none;
    }

    #mobile459 {
        display: block;
    }

    #blogDetail .container .row {
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }

    #blogDetail .comment-form {
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }

    #blogDetail .comment-form h2 {
        padding-left: 2rem;
    }

    #blogDetail .comment-form p {
        padding-left: 2rem;
    }

    .comment-form .row .col-lg-12 {
        margin-left: 0rem;
    }

    .comment-form input[type=text] {
        width: 360px;
    }

    .comment-form input[type=email] {
        width: 360px;
    }

    .comment-form textarea {
        width: 360px;
    }

    #services .row .col-sm-6 .about-img .mobileImg {
        margin-left: -1.5rem;
        max-width: 170%;
    }

    #mobileAD .mobileADdes .tab-content {
        margin-left: 0rem;
    }

    #webD .about-img img {
        max-width: 160%;
    }

    #webD .about-img {
        margin-top: -23.5rem;
        margin-left: 11rem;
    }

    #services .row .col-sm-6 .about-img .gameImg {
        margin-left: -0.5rem;
        max-width: 170%;
    }

    #gameD .gameDdes .tab-content {
        margin-left: 1rem;
    }

    #digitalM .about-img img {
        margin-left: -3.5rem;
        max-width: 160%;
    }

    #digitalM .about-img {
        margin-top: -21.5rem;
        margin-left: 11rem;
    }

    #graphicD img {
        margin-left: -0.5rem;
        max-width: 185%;
    }

    #graphicD .graphicDes .tab-content {
        margin-left: 0rem;
    }

    #qualityA .about-img img {
        margin-left: -3.54rem;
        max-width: 160%;
    }

    #qualityA .about-img {
        margin-top: -21.5rem;
        margin-left: 11rem;
    }


    #logoImage img {
        width: 70%;
    }

    .additional-info-box {
        width: 79%;
    }


    #hero h1 {
        font-size: 30px;
    }

    #hero .info .col-sm-10 h1 {
        margin-right: 5rem;
    }

    #hero .info .col-sm-10 p {
        font-size: 17px;
        margin-right: 9rem;
    }

    #hero .info .col-sm-12 .firstGallerySlider {
        margin-right: 6rem;
    }

    #hero .info .col-sm-12 p {
        font-size: 17px;
    }

    #hero .info .col-sm-7 p {
        font-size: 17px;
        margin-right: 8rem;
    }


    #screen899 {
        display: none;
    }

    #screen459 {
        display: block;
    }

    #hero .info .col-sm-8 h1 {
        margin-right: 5rem;
    }

    #hero .info .col-sm-8 p {
        font-size: 17px;
        margin-right: 6rem;
    }

    #hero .info .col-sm-9 h1 {

        margin-right: 8rem;
    }

    #hero .info .col-sm-9 p {
        font-size: 17px;
        margin-right: 9rem;
    }

    .achivement .row {
        margin-right: 1.5rem;
    }

    @media(max-width:448px) {
        .achivement .details p {
            font-size: 19px;
        }

        .achivement .details span {
            font-size: 40px;
        }

        .about .nav-pills li+li {
            margin-left: 0px;
        }

        #about .col-sm-5 .about-img .homeAboutImg {
            margin-left: 1rem;
        }

        #webD .about-img {
            margin-top: -25.5rem;
            margin-left: 10.5rem;
        }

        #digitalM .about-img {
            margin-top: -22.5rem;
            margin-left: 10.5rem;
        }

        #hero .info .col-sm-9 h1 {

            margin-right: 7rem;
        }

        #hero .info .col-sm-7 h1 {

            margin-right: 7rem;
        }

        #qualityA .about-img {
            margin-top: -22.5rem;
            margin-left: 10.5rem;
        }
    }

    @media(max-width:432px) {
        .comment-form input[type=text] {
            width: 350px;
        }

        .comment-form input[type=email] {
            width: 350px;
        }

        .comment-form textarea {
            width: 350px;
        }

        #webD .about-img {
            margin-top: -26.5rem;
            margin-left: 9.5rem;
        }

        #digitalM .about-img {
            margin-top: -24.5rem;
            margin-left: 9.5rem;
        }

        #qualityA .about-img {
            margin-top: -23.5rem;
            margin-left: 9.5rem;
        }


        #hero h1 {
            font-size: 28px;
        }

        #hero .info .col-sm-9 p {
            font-size: 16px;
            margin-right: 8rem;

        }

        #hero .info .col-sm-8 p {
            font-size: 16px;
        }

        #hero .info .col-sm-10 p {
            font-size: 16px;
            margin-right: 8rem;
        }

        #hero .info .col-sm-12 p {
            font-size: 16px;
        }

        #hero .info .col-sm-7 p {
            font-size: 16px;
        }

    }

    @media (max-width: 425px) {
        .button-row {
            margin-left: 2em;
        }
        #cta .container .order-sm-last {
            margin-left: 0rem;
        }
        #cta .container .img img {
            max-width: 90%;
        }
        .cta .img:before {
            margin-right: 2rem;
        }
        .cta .img:after {
            margin-right: 2rem;
        }
        .cta .content p {
            margin-right: -2rem;
            font-size: 16px;
        }
        .achivement .details p {
            font-size: 18px;
        }

        #aboutUsMobileId .col-sm-12 .about-img img {
            margin-left: 1rem;
        }

        #aboutUsMobileId .col-sm-12 .about-img img {
            max-width: 80%;
        }

        .jobDes {
            width: 116%;
            margin-left: -2rem;
        }

        #viewJobs .container h2 {
            margin-left: 1rem;
        }

        #viewJobs .address-post-section .address-post .address {
            margin-left: -3rem;
        }

        #viewJobs .address-post-section .citylocation {
            margin-left: -1rem;
        }

        #mobileaddress {
            margin-left: -3rem;
        }

        .jobdetail h3 {
            margin-left: 1rem;
        }

        #viewJobs .container p {
            padding-left: 4rem;
        }

        .jobdetail ul {
            padding-left: 2.5rem;
        }

        .additional-info-box h3 {
            margin-left: 1rem;
        }

        .additional-info-box {
            width: 80%;
        }

        .reply-section {
            padding-left: 0rem;
        }

        #services .row .tab-content .tab-pane p {
            line-height: 170%;
            margin-top: 4px;
        }

        #services .row .col-sm-6 .about-img {
            margin-top: -2rem;
        }

        #mobileAD .tab-content {
            margin-right: 5rem;
        }

        #mobileAD {
            display: flex;
            flex-direction: column-reverse;
            /* Reversing the order of flex items for smaller screens */
        }

        #mobileAD .mobileADdes {
            order: 2;
            /* Placing the text column below the image column on mobile screens */
        }

        #mobileAD .mobileADdes .tab-content {
            margin-left: 1rem;
        }

        #services .row .col-sm-6 .about-img .mobileImg {
            margin-left: 1.5rem;
            max-width: 100%;
        }

        #webD {
            display: flex;
            flex-direction: column-reverse;
            /* Set flex direction to column */
        }

        .webDdes {
            order: 2;
            /* Place the text column above the image column on mobile screens */
        }

        #webD .tab-content {
            margin-right: -12rem;
        }

        #webD .about-img {
            margin-top: 20px;
            margin-left: none;
        }

        #webD .about-img img {
            margin-left: -13rem;
            max-width: 220%;
        }

        #webD .tab-content {
            margin-left: 0rem;
        }

        #gameD {
            display: flex;
            flex-direction: column-reverse;
            /* Reversing the order of flex items for smaller screens */
        }

        #gameD .tab-content {
            margin-right: 5rem;
        }

        #gameD .gameDdes {
            order: 2;
            /* Placing the text column below the image column on mobile screens */
        }

        #gameD .gameDdes .tab-content {
            margin-left: 2rem;
        }

        #services .row .col-sm-6 .about-img .gameImg {
            margin-left: 1.5rem;
            max-width: 100%;
        }

        #digitalM {
            display: flex;
            flex-direction: column-reverse;
            /* Set flex direction to column */
        }

        .digitalMdes {
            order: 2;
            /* Place the text column above the image column on mobile screens */
        }

        #digitalM .tab-content {
            margin-right: -12rem;
        }

        #digitalM .about-img {
            margin-top: 20px;
            margin-left: none;
        }

        #digitalM .about-img img {
            margin-left: -13rem;
            max-width: 220%;
        }

        #digitalM .tab-content {
            margin-left: 0rem;
        }

        #graphicD {
            display: flex;
            flex-direction: column-reverse;
            /* Reversing the order of flex items for smaller screens */
        }

        #graphicD .tab-content {
            margin-right: 5rem;
        }

        #graphicD .graphicDes .tab-content {
            margin-left: 2rem;
        }

        #graphicD .graphicDes {
            order: 2;
            /* Placing the text column below the image column on mobile screens */
        }

        #graphicD .about-img img {
            margin-left: 1.5rem;
            max-width: 100%;
        }

        #qualityA {
            display: flex;
            flex-direction: column-reverse;
            /* Set flex direction to column */
        }

        .qualityADes {
            order: 2;
            /* Place the text column above the image column on mobile screens */
        }

        #qualityA .tab-content {
            margin-right: -12rem;
        }

        #qualityA .about-img {
            margin-top: 20px;
            margin-left: none;
        }

        #qualityA .about-img img {
            margin-left: -13rem;
            max-width: 220%;
        }

        #qualityA .tab-content {
            margin-left: 0rem;
        }
    }



    @media(max-width:419px) {
        #achivement .col-6 {
            /* Set properties to null or default */
            /* For example: */
            width: auto;
            float: none;
            /* Add any other necessary styles to override col-6 */
            /* Apply col-12 properties */

            width: 80%;
            margin-left: 1rem;
        }
        .achivement .row {
            margin-left: auto;
        }

        .achivement .details p {
            font-size: 22px;
        }

        #about .col-sm-5 .about-img .homeAboutImg {
            margin-left: 0rem;
        }

        .comment-form input[type=text] {
            width: 340px;
        }

        .comment-form input[type=email] {
            width: 340px;
        }

        .comment-form textarea {
            width: 340px;
        }

        #screendesktop {
            display: none;
        }

        #screen419 {
            display: block;
        }

        .hero .info {
            margin-left: 1.5rem;
        }

    }

    @media(max-width:407px) {
        .button-row {
            margin-left: 1.3em;
        }
        .comment-form .php-email-form button[type=submit] {
            margin-left: 3.5rem;
        }

        .comment-form input[type=text] {
            width: 330px;
        }

        .comment-form input[type=email] {
            width: 330px;
        }

        .comment-form textarea {
            width: 330px;
        }

        #webD .about-img img {
            margin-left: -12.5rem;
        }

        #digitalM .about-img img {
            margin-left: -12.5rem;
        }

        #qualityA .about-img img {
            margin-left: -12.5rem;
        }

        .hero .info {
            margin-left: 1.5rem;
        }

        .hero .info {
            margin-left: 1rem;
        }

        #hero .info .col-sm-9 h1 {
            margin-right: 6rem;

        }

        #hero .info .col-sm-7 p {
            margin-right: 7rem;

        }
    }

    @media(max-width:395px) {
        .button-row {
            margin-left: 1em;
        }
        #cta .container .order-sm-last {
            margin-left: 1rem;
        }
        #about .col-sm-5 .about-img .homeAboutImg {
            margin-left: -1rem;
        }

        #aboutUsMobileId .col-sm-12 .about-img img {
            margin-left: -1rem;
        }

        #aboutUsMobileId .col-sm-12 .about-img img {
            max-width: 100%;
        }

        .about .tab-content .missionSubHeading {
            margin-right: 2rem;
        }

        .additional-info-box {
            width: 79%;
        }

        .comment-form input[type=text] {
            width: 315px;
        }

        .comment-form input[type=email] {
            width: 315px;
        }

        .comment-form textarea {
            width: 315px;
        }

        #webD .about-img img {
            margin-left: -11.5rem;
        }

        #digitalM .about-img img {
            margin-left: -11.5rem;
        }

        #qualityA .about-img img {
            margin-left: -11.5rem;
        }

        #screen419 {
            display: none;
        }

        #screen397 {
            display: block;
            text-wrap: balance;
        }

        #hero .info .col-sm-8 h1 {
            margin-right: 7rem;
        }

        #hero .info .col-sm-8 p {
            margin-right: 8rem;
        }

        #hero .info .col-sm-9 p {
            margin-right: 10rem;
        }

        #hero .info .col-sm-10 h1 {
            margin-right: 6rem;
        }

        #hero .info .col-sm-10 p {
            margin-right: 7rem;
        }

        #hero .info .col-sm-7 h1 {
            margin-right: auto;

        }

        #hero .info .col-sm-7 p {
            margin-right: 5rem;

        }

    }

    @media(max-width:380px) {
        .button-row {
            margin-left: 0.5em;
        }
        #cta .container .order-sm-last {
            margin-left: 0rem;
        }
        #cta .container .img img {
            max-width: 100%;
        }
        .cta .img:before {
            margin-right: 0rem;
        }
        .cta .img:after {
            margin-right: 0rem;
        }
        .additional-info-box {
            width: 78%;
        }

        .comment-form input[type=text] {
            width: 300px;
        }

        .comment-form input[type=email] {
            width: 300px;
        }

        .comment-form textarea {
            width: 300px;
        }

        #webD .about-img img {
            max-width: 230%;
        }

        #digitalM .about-img img {
            max-width: 230%;
        }

        #qualityA .about-img img {
            max-width: 230%;
        }
    }

    @media(max-width:368px) {
        .button-row {
            margin-left: 1.5em;
        }
        .custom-btn {
            width: 120px;
            height: 50px;
            font-size: 16px;
        }
        #achivement .col-6 {
            /* Set properties to null or default */
            /* For example: */
            width: auto;
            float: none;
            /* Add any other necessary styles to override col-6 */
            /* Apply col-12 properties */

            width: 90%;
            margin-left: -1rem;
        }
        .about .tab-content .missionSubHeading {
            margin-right: auto;
        }

        #about .col-sm-5 .about-img .homeAboutImg {
            height: 24rem;
        }

        .jobDes {
            width: 128%;
            margin-left: -3rem;
        }

        .additional-info-box {
            width: 79%;
        }

        #blogDetail .comment-form p {
            margin-right: 1rem;
            text-align: justify;
        }

        .comment-form input[type=text] {
            width: 280px;
        }

        .comment-form input[type=email] {
            width: 280px;
        }

        .comment-form textarea {
            width: 280px;
        }

        #webD .about-img img {
            margin-left: -13rem;
            max-width: 255%;
        }

        #digitalM .about-img img {
            margin-left: -13rem;
            max-width: 255%;
        }

        #qualityA .about-img img {
            margin-left: -13rem;
            max-width: 255%;
        }

        .hero .info {
            margin-left: 1rem;
        }

        #hero h1 {
            font-size: 26px;
        }

        #hero .info .col-sm-8 p {
            margin-right: 7rem;
        }

        #hero .info .col-sm-9 p {
            margin-right: 9rem;
        }

        #hero .info .col-sm-10 h1 {
            margin-right: 5rem;
        }

        /* #hero .info .col-sm-7 p {
            margin-right: 8rem;
        } */



    }

    @media (max-width:352px) {
        .button-row {
            margin-left: 0.5em;
        }
        #achivement .col-6 {
            width: 92%;
          
        }
        .additional-info-box {
            width: 78%;
        }

        #xxlscreen {
            display: none;
        }

        #mobilescreen352 {
            display: block;
            margin-top: -1.5rem;


        }

        #mobilescreen351 {

            display: block;

        }

        #viewJobs .address-post-section .address-post span {
            margin-left: -1rem;
        }

    }

    @media(max-width:348px) {
        #achivement .col-6 {
            width: 94%;
        }
        .comment-form input[type=text] {
            width: 270px;
        }

        .comment-form input[type=email] {
            width: 270px;
        }

        .comment-form textarea {
            width: 270px;
        }

        #webD .about-img img {
            max-width: 285%;
        }

        #digitalM .about-img img {
            max-width: 285%;
        }

        #qualityA .about-img img {
            max-width: 285%;
        }

        #hero .info .col-sm-8 h1 {
            margin-right: 5rem;
        }

        #hero .info .col-sm-8 p {
            margin-right: 5rem;
        }

        #hero .info .col-sm-10 h1 {
            margin-right: 4rem;
        }

        #hero .info .col-sm-10 p {
            margin-right: 6rem;
        }

        #hero .info .col-sm-9 p {
            margin-right: 8rem;
        }


    }

    @media(max-width:340px) {
        #achivement .col-6 {
            width: 95%;
        }
        #about .col-sm-5 .about-img .homeAboutImg {
            height: 23rem;
        }

        .additional-info-box {
            width: 77%;
        }

        .jobDes {
            width: 130%;
        }

        .comment-form input[type=text] {
            width: 260px;
        }

        .comment-form input[type=email] {
            width: 260px;
        }

        .comment-form textarea {
            width: 260px;
        }

        #webD .about-img img {
            max-width: 300%;
        }

        #digitalM .about-img img {
            max-width: 300%;
        }

        #qualityA .about-img img {
            max-width: 300%;
        }


    }

    @media(max-width:325px) {
        .button-row {
            margin-left: 0em;
        }
        #achivement .col-6 {
            margin-left: -1.5rem;
            width: 100%;
        }
        #about .col-sm-5 .about-img .homeAboutImg {
            height: 22rem;
        }

        /* #aboutUsMobileId .col-sm-12 .about-img img {
            margin-left: 1.5rem;
        } */

        .comment-form input[type=text] {
            width: 240px;
        }

        .comment-form input[type=email] {
            width: 240px;
        }

        .comment-form textarea {
            width: 240px;
        }

        #webD .about-img img {
            max-width: 330%;
        }

        #digitalM .about-img img {
            max-width: 330%;
        }

        #qualityA .about-img img {
            max-width: 330%;
        }

        .hero .info {
            margin-left: 0.5rem;
        }


    }



}