@media only screen and (max-width: 600px){
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 96px;
        left: 0;
        width: 100%;
        height: 239px;
        z-index: -1;
    }
    .c_modal_dialog {
        transform: skew(0deg,0deg)!important;
    }
    .c_modal_body_content {
        transform: skew(0deg,0deg);
    }
    .btn_modal {
        transform: skew(0deg,0deg);
    }
    .btn_modal_txt {
        transform: skew(0deg,0deg);
    }
    .HeadContact {
        margin-top: 78px;
        width: 332px !important;
        height: 68px;
        clip-path: polygon(18% 0%, 0% 100%, 100% 100%, 76% 100%, 100% 0%);
    }
    .HeadConText {
        font-size: 24px;
        margin-top: 6px;
        line-height: 32px;
    }
    .contacts2-bg {
        padding: 1rem 12px !important;
    }
    .secnd {
        margin-top: 80px;
        width: 375px;
        padding: 40px 24px;
    }
    .HeadingIn {
        font-size: 23px;
    }
    .COmpDetails {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .YName{
        margin-bottom: 16px;
    }
    .EDD{
        margin-bottom: 16px;
    }
    .ContactForm{
        width: 327px;
    }
    .CheckCaptch {
        display: flex;
        flex-direction: column;
        margin-top: -16px;
    }
    .Chek {
        width: 27px;
        height: 27px;
        margin-bottom: 16px;
    }
    .CLabel {
        font-size: 11px;
        margin-top: 10px;
        margin-left: 11px;
        position: absolute;
    }
    .RecaptchaCC{
        width: 254px;
    }
    .Resit {
        margin-right: 18px;
        width: 327px;
        height: 43px;
    }
    .MapImg {
        width: 327px;
        height: 255px;
    }
    .MapImg {
        width: 327px;
        height: 191px;
        margin-top: 16px;
        margin-bottom: -72px;
        margin: auto;
        margin-top: 9px;
        margin-bottom: 20px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .bg-images {
        top: 120px;
        left: 0;
        width: 100%;
        height: 26%;
        z-index: -1;
    }
    .Login_bg {
        display: flex;
        width: 327px;
        height: 431px;
        padding: 24px 0px 24px 82px;
        margin-left: 0px;
        margin-top: 400px;
        margin-bottom: -248px;
        border: 1px solid #fff;
        background: #fff;
    }
    .Login_Form {
        background-color: #fff;
        width: 395px;
        height: 403px;
        margin-left: -82px;
        margin-top: -167px;
    }
    .Re_title {
        font-size: 24px;
    }
    .brek{
        display: none;
    }
    .FormDesi_Login {
        margin-left: -15px;
        width: 356px;
        height: 48px;
        position: relative;
        bottom: 6px;
    }
    .TheButtons {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .FrgtBtn {
        width: 290px;
        margin-left: -48px;
        margin-top: 1px;
        height: 43px;
        padding: 16px 32px;
    }
    .loginsBut {
        display: flex;
        width: 326px;
        height: 43px;
        padding: 16px 32px;
        margin-top: 0px;
        margin-left: 20px;
        border-radius: 0px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .bg-images {
        top: 120px;
        left: 0;
        width: 100%;
        height: 26%;
        z-index: -1;
    }
    .Reset_bg {
        display: flex;
        width: 327px;
        height: 431px;
        padding: 24px 0px 24px 82px;
        margin-left: 0px;
        margin-top: 400px;
        margin-bottom: -248px;
        border: 1px solid #fff;
        background: #fff;
    }
    .Reset_Form {
        background-color: #fff;
        width: 395px;
        height: 403px;
        margin-left: -82px;
        margin-top: -167px;
    }
    .Re_title {
        font-size: 24px;
    }
    .brek{
        display: none;
    }
    .FormDesi_Reset {
        margin-left: -15px;
        width: 356px;
        height: 48px;
        position: relative;
        bottom: 6px;
    }
    .loginBut {
        display: flex;
        width: 326px;
        height: 43px;
        padding: 16px 32px;
        margin-top: 17px;
        margin-left: 17px;
        border-radius: 0px;
    }
    .csncel {
        display: flex;
        width: 326px;
        height: 43px;
        margin-top: -15px;
        margin-left: 21px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 25%!important ;
        z-index: -1;
    }
    .Register-Content {
        height: 984px;
        margin-top: 96px;
        margin-bottom: -84px;
    }
    .Register_bg {
        display: flex;
        width: 327px;
        height: 431px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #fff;
        background: #fff;
        margin-left: 0px;
        margin-top: 240px;
    }
    .Register_Form {
        background-color: #fff;
        width: 391px;
        height: 583px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: -79px;
        margin-top: -115px;
    }
    .FormDesi {
        margin-left: -15px;
        width: 363px;
        height: 65px;
        position: relative;
        bottom: 6px;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }
    .CapImgBut {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .CheckLabel {
        margin-left: 9px;
        margin-top: -48px;
    }
    .RecaptchaIm {
        margin-left: 15px;
        width: 213px;
        margin-top: 16px;
        margin-bottom: 10px;
    }
    .Submet {
        margin-right: 18px;
        width: 336px;
        height: 48px;
        background: #D71E04;
        padding: 16px 32px;
        color: #fff;
        font-family: 'Avenir';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        text-transform: capitalize;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 14px;
        border-radius: 0px;
    }
    .login-bg {
        height: 100%;
        margin-top: -12px;
        padding-bottom: 1rem;
    }
    .loginsBut {
        display: flex;
        width: 100%;
        height: 43px;
        padding: 16px 32px;
        margin-top: 0px;
        margin-left: 3px;
        border-radius: 0px;
        margin: auto;
        max-width: 100%;
        margin-top: 16px;
    }
    .login-from-left {
        width: 549px;
        max-width: 100%;
        margin: auto;
        padding: 24px 24px;
        background: #fff;
        border:0px solid #E0E0E0;
    }
    .login-from-left .LabelEnd_Log {
        margin-left: 15px;
        font-family: 'Avenir';
        font-size: 15px;
        font-style: normal;
        font-weight: 350;
        line-height: normal;
        letter-spacing: 0.675px;
        color: #3C3C3C;
        margin-top: 14px;
   }
    .Reset_bg-color {
        width: 549px;
        max-width: 100%;
        margin: auto;
        padding: 40px 20px;
        background: #fff;
        border: 0px solid #E0E0E0;
   }
   .Reset_bg-color .Submet {
        margin-right: 0px;
        width: 336px;
        height: 48px;
        background: #D71E04;
        padding: 16px 32px;
        color: #fff;
        font-family: 'Avenir';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        text-transform: capitalize;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0px;
        border-radius: 0px;
    }
    .Reset_bg-color .CheckLabel {
        margin-left: 9px;
        margin-top: 0px;
    }
    .register-bg {
        margin-top: 5.2rem;
        padding: 0px 0px;
    }
    .Reset_bg-color {
        width: 642px;
        max-width: 100%;
        margin: auto;
        padding: 40px 22px 14px;
        background: #fff;
        border: 0px solid #E0E0E0;
        float: none;
    }
    .CapImgBut .h-captcha {
        transform: scale(1.1);
        margin-bottom: 20px;
    }
    .Reset_Form-register .CheckLabel {
        margin-left: 9px;
        margin-top: 1px;
        font-size: 15px;
        font-style: normal;
        font-weight: 350;
        line-height: normal;
    }
    .register-bg .LabelEnd {
        margin-left: 0px;
        font-family: 'Avenir';
        font-size: 15px;
        font-style: normal;
        font-weight: 350;
        line-height: normal;
        letter-spacing: 0.675px;
        color: #3C3C3C;
        margin-top: 1rem;
    }

}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1280px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 160px;
        left: 0;
        width: 1200px;
        height: 322px;
        z-index: -1;
    }
    .HeadContact {
        background-color: #FFF;
        margin-top: 162px;
        width: 476px;
        height: 104px;
        clip-path: polygon(16% 4%, 0% 97%, 100% 100%, 75% 100%, 94% 0%);
    }
    .HeadConText {
        font-size: 44px;
    }
    .MapImg {
        width: 587px;
        margin-left: 19px;
    }
    .HeadingIn {
        font-size: 38px;
    }
    .SubHead {
        font-size: 13px;
    }
    .COmpDetails {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 623px;
    }
    .secnd {
        margin-top: 187px;
        margin-left: 13px;
    }
    .ContactForm {
        width: 564px;
    }
    .CLabel {
        margin-left: 8px;
    }
    .MapImg {
        width: 553px;
        margin-left: 1px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    .Login_bg {
        width: 901px;
        height: 569px;
    }
    .Login_Form {
        width: 549px;
        height: 403px;
        margin-left: 115px;
        margin-top: 57px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    .Reset_bg {
        width: 901px;
        height: 569px;
    }
    .Reset_Form {
        width: 549px;
        height: 403px;
        margin-left: 115px;
        margin-top: 57px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Register_Contents{
        margin-top: -31px;
    }
    .Register_Form {
        background-color: #fff;
        width: 539px;
        height: 558px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: -266px;
        margin-top: 44px;
    }
    .Register_bg {
        display: flex;
        width: auto;
        height: 548px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -50px;
        margin-top: -109px;
        margin-bottom: -110px;
    }
    .Register_Form {
        margin-left: -264px;
        margin-top: -10px;
    }
    .Register-Content {
        height: 700px;
        margin-top: 160px;
        margin-bottom: -156px;
    }
    .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 78%!important;
        z-index: -1;
    }
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1348px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 160px;
        left: 0;
        width: 1280px;
        height: 322px;
        z-index: -1;
    }
    .HeadContact {
        background-color: #FFF;
        margin-top: 162px;
        width: 476px;
        height: 104px;
        clip-path: polygon(16% 4%, 0% 97%, 100% 100%, 75% 100%, 94% 0%);
    }
    .HeadConText {
        font-size: 44px;
    }
    .MapImg {
        width: 590px;
        margin-left: 19px;
    }
    .HeadingIn {
        font-size: 38px;
    }
    .SubHead {
        font-size: 13px;
    }
    .COmpDetails {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 623px;
    }
    .secnd {
        margin-top: 187px;
        margin-left: 37px;
    }
    .ContactForm {
        width: 564px;
    }
    .CLabel {
        margin-left: 8px;
    }
    .MapImg {
        width: 553px;
        margin-left: 1px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Login_bg {
        width: 800px;
        height: 569px;
    }
    .Login_Form {
        width: 529px;
        height: 403px;
        margin-left: 136px;
        margin-top: 57px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Reset_bg {
        width: 901px;
        height: 569px;
    }
    .Reset_Form {
        width: 549px;
        height: 403px;
        margin-left: 115px;
        margin-top: 57px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Register_bg {
        display: flex;
        width: auto;
        height: 585px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -50px;
        margin-top: -109px;
        margin-bottom: -110px;
    }
    .Register_Form {
        margin-left: -264px;
        margin-top: -10px;
    }
    .Register-Content {
        height: 700px;
        margin-top: 160px;
        margin-bottom: -114px;
    }
    .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 83%!important;
        z-index: -1;
    }
}
@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 160px;
        left: 0;
        width: 1349px;
        height: 396px;
        z-index: -1;
    }
    .HeadContact {
        background-color: #FFF;
        margin-top: 188px;
        width: 554px;
        height: 114px;
    }
    .HeadConText {
        font-size: 44px;
    }
    .secnd {
        margin-top: 218px;
        margin-left: 56px;
    }
    .ContactForm {
        width: 593px;
    }
    .MapImg {
        width: 587px;
        margin-left: 19px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    .Login_bg {
        width: 888px;
        height: 610px;
    }
    .Login_Form {
        width: 549px;
        height: 403px;
        margin-left: 142px;
        margin-top: 72px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
    .Reset_bg {
        width: 914px;
        height: 610px;
    }
    .Reset_Form {
        width: 549px;
        height: 403px;
        margin-left: 134px;
        margin-top: 72px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Register_bg {
        display: flex;
        width: auto;
        height: 585px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -50px;
        margin-top: -109px;
        margin-bottom: -110px;
    }
    .Register_Form {
        margin-left: -264px;
        margin-top: -10px;
    }
    .Register-Content {
        height: 700px;
        margin-top: 160px;
        margin-bottom: -114px;
    }
    .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 83%!important;
        z-index: -1;
    }
}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 160px;
        left: 0;
        width: 1500px;
        height: 396px;
        z-index: -1;
    }
    .HeadContact {
        background-color: #FFF;
        margin-top: 188px;
        width: 589px;
        height: 114px;
    }
    .HeadConText {
        font-size: 44px;
    }
    .secnd {
        margin-top: 218px;
        margin-left: 91px;
    }
    .ContactForm {
        width: 593px;
    }
    .bg-images {
        top: 120px;
        left: 0;
        width: 100%;
        height: 81%;
        z-index: -1;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Login_bg {
        display: flex;
        width: 576px;
        height: 701px;
        position: relative;
        top: -43px;
    }
    .LoginCC{
        margin-bottom: -12px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Reset_bg {
        display: flex;
        width: 655px;
        height: 701px;
        position: relative;
        top: -43px;
    }
    .ResetCC{
        margin-bottom: -12px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .bg-image {
        top: 0;
        left: 0;
        width: 100%;
        height: 95% !important;
        z-index: -1;
    }
    .Register_bg {
        display: flex;
        width: auto;
        height: 669px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -50px;
        margin-top: -109px;
        margin-bottom: -110px;
    }
    .Register-Content {
        height: 700px;
        margin-top: 160px;
        margin-bottom: -30px;
    }
    .Register_Form {
        margin-left: -353px;
        margin-top: 24px;
    }
}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1599px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .ContactImage {
        top: 160px;
        left: 0;
        width: 1500px;
        height: 396px;
        z-index: -1;
    }
    .HeadContact {
        background-color: #FFF;
        margin-top: 188px;
        width: 554px;
        height: 114px;
    }
    .HeadConText {
        font-size: 44px;
    }
    .secnd {
        margin-top: 218px;
        margin-left: 91px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Login_bg {
        width: 894px;
        height: 701px;
    }
    .Login_Form {
        width: 549px;
        margin-left: 101px;
        margin-top: 105px;
    }
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .Reset_bg {
        width: 942px;
        height: 701px;
    }
    .Reset_Form {
        width: 549px;
        margin-left: 101px;
        margin-top: 105px;
    }

}
@media only screen and (min-device-width: 1600px) and (max-device-width: 1699px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .secnd {
        margin-top: 218px;
        margin-left: 128px;
    }
    .ContactImage {
        top: 160px;
        left: 0;
        width: 100%;
        height: 392px;
        z-index: -1;
    }
    .Login_bg {
        display: flex;
        width: 977px;
        height: 701px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -245px;
        margin-top: 51px;
        margin-bottom: -110px;
    }
    .Reset_bg {
        display: flex;
        width: 997px;
        height: 701px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -245px;
        margin-top: 51px;
        margin-bottom: -110px;
    }

}
@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .secnd {
        margin-top: 250px;
        margin-left: 165px;
    }
    .Login_bg {
        display: flex;
        width: 1007px;
        height: 701px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -245px;
        margin-top: 51px;
        margin-bottom: -110px;
    }
    .Reset_bg {
        display: flex;
        width: 1046px;
        height: 701px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -245px;
        margin-top: 51px;
        margin-bottom: -110px;
    }
}
@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {
    .Reset_bg {
        display: flex;
        width: 1098px;
        height: 701px;
        padding: 24px 0px 24px 82px;
        flex-direction: column;
        align-items: center;
        border: 1px solid #E0E0E0;
        background: #fcfcfc;
        margin-left: -245px;
        margin-top: 51px;
        margin-bottom: -110px;
    }
}
.login-bg .bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: -1;
}