@media screen and (max-width: 1599px) {
    .infomation-bg {
        width: 644px;
        height: 688px;
    }
}

@media screen and (max-width: 1499px) {
    .infomationImg {
        right: 22%;
        top: 13%;
        width: 439px;
        height: 380px;
    }

}

@media screen and (max-width: 1399px) {
    .wellmaping-img {
        right: -29px;
        top: 10px;
    }
    .unity-bg {
        width: 536px;
        height: 410px;
    }
    .unity-bottom {
        right: 7%;      
        height: 250px;
        width: 292px;
    }
    .unity-left {
        left: -1%;
        width: 269px;
        height: 371px;
    }
}

@media screen and (max-width: 1299px) {
    .infomation-bg {
        width: 520px;
        height: 560px;
    }
    .infomationImg {
        top: 13%;
        width: 372px;
        height: 299px;
    }
    .docketBg-img {
        width: 550px;
        height: 485px;
    }
    .docketimg {        
        left: 29%;
        top: 73px;
        width: 291px;
        height: 351px;
    }
    .wellmaping-img {
        right: 35px;
        width: 320px;
        height: 327px;
    }

    .wellmapping-bg {
        width: 545px;
        height: 401px;
    }
}

@media screen and (max-width: 1199px) {
    .custom-select:after {  
        right: 15px;
    }
    .custom-select select {
        font-size: 14px;
    }
    .main-tab-section .color-gray {
        font-size: 16px;
    }
    .main-content-section {
        padding: 30px;
    }
    .docketBg-img {
        width: 485px;
        height: 425px;
    }
    .docketimg {
        left: 26%;
        width: 291px;
        height: 291px;
    }
    .wellmaping-img {
        right: 29px;
        width: 261px;
        height: 287px;
    }

    .wellmapping-bg {
        width: 460px;
        height: 360px;
    }
    .unity-bottom {
        right: 0%;
        height: 222px;
        width: 260px;
        bottom: -6%;
    }
    .unity-left {
        left: -2%;
        width: 249px;
        height: 360px;
    }
    .unity-bg {
        width: 462px;
        height: 393px;
    }

}

@media screen and (max-width: 1099px) {
    .infomationImg {
        top: 17%;
        width: 302px;
        height: 263px;
    }
    .infomation-bg {
        width: 467px;
    }
}

@media screen and (max-width: 992px) {
    .about-content {
        margin-top: 30px;
    }
    .conservation-section {
        padding: 0px !important;
    }
    .country-selction .color-gray {
        padding: 0px !important;
        margin-top: 10px;
    }
    .custom-select {
        margin-bottom: 15px;
    }
    .infomation-bg {
        width: 650px;
        height: 640px;
    }
    .infomationImg {
        top: 17%;
        width: 508px;
        height: 329px;
        right: 19%;
    }
     .wellInformation-content {
        margin-left: 16%;
    }
    .wellInformation-img {
        text-align: center;
    }
    .docketimg {
        left: 23%;
        width: 326px;
        height: 375px;
    }
    .docketBg-img {
        width: 608px;
        height: 507px;
    }
    .order-content {
        margin-top: 40px;
    }
    .unity-bg {
        width: 656px;
        height: 400px;
    }
    .unity-left {
        left: 0%;
        width: 44%;
        height: 360px;
    }
    .unity-bottom {
        right: 16%;
        height: 237px;
        width: 47%;
        bottom: -11%;
    }
    .unity-content {
        margin-top: 80px;
    }
    .wellMapping-section {
        margin: 80px 0px;
    }
    .wellmapping-bg {
        width: 618px;
        height: 435px;
    }
    .wellmaping-img {
        right: 18%;
        width: 350px;
        height: 350px;
    }
    .maping-img {
        margin-top: 40px;
    }

    nav .links {
        justify-content: space-around !important;
        float: none;
        position: fixed;
        z-index: 9;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 100%;
        width: auto;
        height: auto;
        flex-direction: column;
        justify-content: space-evenly;
        background-color: #fff;
        overflow: hidden;
        transition: all .5s ease-in-out;
    }

    nav :checked~.links {
        bottom: 0;
        padding: 26px 0px;
    }

    nav .icon-burger {
        display: block;
    }

    nav :checked~.icon-burger .line:nth-child(1) {
        transform: translateY(10px) rotate(225deg);
    }

    nav :checked~.icon-burger .line:nth-child(3) {
        transform: translateY(-10px) rotate(-225deg);
    }

    nav :checked~.icon-burger .line:nth-child(2) {
        opacity: 0;
    }

    .navbar-button1 {
        margin-right: 0px;
    }

    .production-card {
        margin-bottom: 30px;
    }

    .banner-img img {
        width: 373px !important;
    }

    .banner-text {
        width: 100%;
    }

    .production-section {
        margin: 80px 0px;
    }

    .banner-heading {
        top: -22px;
    }

    .fontSize52 {
        font-size: 34px;
        line-height: 46.41px;
    }

    .signUpCon {
        max-width: 375px;
        margin-top: 10px;
    }

    .order {
        order: 2;
    }

    .dataBase-content {
        margin-top: 40px;
    }

    .historical-well-database {
        margin: 80px 0px;
    }

    /* footer section */
    .margin-top {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .contact-left {
        margin-left: 10px;
    }
    i.fa-brands.fa-twitter {
        padding: 0;
    }
    .footer-list {
        justify-content: center !important;
    }
    section.footer-section {
        text-align: center;
    }
    .opertaer {
        margin-top: 15px;
    }
    .country-selction {
        flex-wrap: wrap;
    }
    .country-selction .fontSize18 {
        padding: 0px !important;
        margin-top: 20px;
    }
    .radioBtn-area {
        margin-bottom: 10px;
    }
    .infomationImg {
        top: 14%;
        width: 347px;
        height: 280px;
        right: 22%;
    }
    .infomation-bg {
        width: 490px;
        height: 549px;
    }
    .docketBg-img {
        width: 530px;
        height: 445px;
    }
    .wellInformation-content {
        margin-left:65px;
    }
    .docketimg {
        left: 26%;
        width: 287px;
        height: 315px;
    }
    .unity-bg {
        width: 447px;
        height: 373px;
    }
    .unity-left {
        height: 90%;
    }
    .fontSize32 {
        font-size: 25px;
        line-height: 35.99px;
    }
    .wellmapping-bg {
        width: 100%;
        height: 100%;
    }
    .wellmaping-img {
        right: 6%;
        width: 290px;
        height: 290px;
    }
    .medium-text {
        margin-bottom: 30px;
    }

    .footer-list {
        margin-top: 11px;
    }

    .line-height {
        line-height: 33px !important;
    }

    section.banner-section {
        padding: 80px 0px 40px 0px;
    }

    .banner-img {
        text-align: center;
        margin-top: 100px;
    }
}

@media screen and (max-width: 575px) {
    .contact-form {
        margin: 0px 10px;
    }
    .order-content .active {
        width: 95%;
    }
    .wellInformation-content {
        margin-left: 20px;
    }
    .tab-btn {
        padding: 15px 15px;
        font-size: 14px;
    }
    .docketBg-img {
        width: 480px;
        height: 409px;
    }
    .docketimg {
        left: 24%;
        width: 258px;
        height: 288px;
    }
    .banner-img img {
        width: 100% !important;
    }
    .main-heading {
        font-size: 27px;
    }
    .heading-line {
        padding: 0px 10px;
    }

    .topbar-heading .fontSize16 {
        font-size: 13px;
    }

    .geologicalExhibits {
        padding: 100px 40px;
    }

    .fontSize22 {
        font-size: 17px;
    }

    .geological-text {
        line-height: 27px;
    }

    .main-button {
        padding: 16px 16px;
        font-size: 17px;
    }
}

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

    .appOrder-banner {
        padding-top: 40px;
    }
    .tabs-heading {
        flex-wrap: wrap;
    }
    .tab-btn {
        margin-bottom: 10px;
    }
    .infomation-bg {
        width: 100%;
        height: 495px;
    }
    .infomationImg {
        top: 17%;
        width: 250px;
        height: 246px;
        right: 18%;
    }
    .docketimg {
        left: 24%;
        width: 55%;
        height: 72%;
        top: 58px;
    }
    .docketBg-img {
        width: 100%;
        height: 368px;
    }
    .unity-bg {
        width: 100%;
    }
    .unity-bottom {
        right: 16%;
        height: 55%;
        width: 47%;
        bottom: -11%;
    }
    .wellmaping-img {
        right: 8%;
        width: 56%;
        height: 79%;
    }
}