/* ============================================================================================================ */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% RESPONSIVE STYLES FOR SERBILIS BY NAVEEN %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* ============================================================================================================ */
/* ========================================================================= */
/* @@@@@@@@@@@@@@@@@@@@@@@ MOBILE STYLES START @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* ========================================================================= */
/* ----------------------------------------- */
/* $$$$$$$$$ IPHONE 5 STYLES START $$$$$$$$$ */
/* ----------------------------------------- */
/* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:320px) and (max-device-width:658px) and (orientation : portrait) {
    /*.masterLayoutFooter{
        margin-top:-30% !important;
    }*/
    #collapseFive{
        max-height:92px !important;
    }
    #collapseF{
        max-height:92px !important;
    }
    .logo_fit{
       padding-top:11%;
    }
    .textt{
        padding-right: 0px !important
    }
}
@media (min-device-width:320px) and (max-device-width:568px) and (orientation : portrait) {
    .textalignmotoG {
        padding: 4px !important;
    }
     .dhlinput{
        width:auto !important;
    }
     .marginn{
         margin-left: 11px !important;

     }
    .paymentlink {
        margin-bottom: 30px;
    }
      .interviewipho{
         margin-left: 0% !important;
         width: 100% !important;
     }
      .requescontrym{
            margin-left: -2.5% !important;
            max-width:100% !important;
    }
      .iphone5seboxsize{
          width: 130% !important;
          margin-left: -25px !important;
      }
      .iphone5secancelbtn{
          margin-right: 65% !important;
          font-size: 15px !important;
          margin-bottom: 5px !important;
      }
      .iphone5seFBformbtn{
          width: 65% !important;
          font-size: 13px !important;
      }
     .cenodethword {
        position: absolute;
        padding-left: 29%;
        padding-top: 16%;
    }

     .iphone5sewidth{
         width: 49% !important;
     }
     .iphone5semarr{
         margin-top: -5px !important;
         margin-left: -6px !important;
     }
     .iphone5sedeath{
         margin-top: 8px !important;
     }
     .iphone5secendeth{
         margin-left: -155px !important;
     }
     .iphone5secenomar{
         margin-left: -3px !important;
     }
     .iphone5secenodeath{
         margin-right: 30% !important;
         width: 78% !important;
     }
      .secondparagra{
         width: 320% !important;
     }
     .firstparag{
         width:182% !important;
     }
     .imageg{
             float: right !important;
             width: 100px !important;
           
     }
     .psaaddipho{
             padding-left: 5% !important;
     }
    
     .iphonsevo{
         width: 250px !important;
     }
     .pickupre{
         margin-left:-5% !important
     }
     .action{
         line-height: 32px;
     }
     .iphSEerr{
         padding-left: 27px !important;
     }
    .uniyslogo{
        width: 107px !important;
        padding-top: 17%;
        margin-right: 0% !important;
    }
    .lineview{
        line-height:30px!important;
    }
    .buoview{
        width:243px!important;
    }
    .butviewa{
        margin-left:38px!important
    }
    .eehead{
        margin-left:-177px!important
    }
    .eebub{
        width:244px!important
    }
    .eebbut{
        margin-left:34px!important
    }
    .qusothers{
        margin-left: -5px !important;
        font-size: 13px !important;
    }
     .qusother{
        margin-left: 26px !important;
    }
     .qesheading{
    margin-left: 1% !important; 
    font-size: 20px !important;
   }
    .quespopali {
        width: 312px !important;
        margin-left: 18px !important;
    }
    .SubmitQues{
       width: 50%;
    float: right;
    margin-top: 0px;
    margin-right: -14px;
    }

    .Cancelques{
       width: 53%;
    float: left;
    margin-left: 14% !important;
    }
     .qesheading{
    margin-left: 1% !important; 
    font-size: 20px !important;
   }
    .SubmitQues{
       width: 50%;
    float: right;
    margin-top: 0px;
    margin-right: -14px;
    }

    .Cancelques{
       width: 53%;
    float: left;
    margin-left: -2%;
    }
      .Dhlpopup{
        width:auto !important;
    }
      .dhlInputInfo{
          width:auto !important;
      }
    .deliveryToEmbDiv {
        width: 100% !important;
    }
    .DHL-DIV {
        width: 282px !important;
    }
     .image-dhl {
    width: 333px !important;
}
    .btn-div{
       margin-left:0% !important;
        margin-right:0% !important;
    }
    .dhl-avail {
    font-size: 10px !important;
    width: 97% !important;
    padding-left: -1% !important;
    margin-left: 4% !important;
}
     .ipad-dfa{
            line-height: 1.9 !important;
    padding: 11.7px !important;
    border-bottom: 0px !important;
    }
     .dfa-div{
        padding-right: 4% !important;
    }
    #uploadimg-res{
       padding-right: 0% !important;
    }
    .deliveryToEMbRadioDiv {
        width: 100% !important;
    }

    .contactus-sendbtn {
        padding-left: 13% !important;
        padding-right: 26% !important;
    }

    .resp-contactus {
        display: grid;
        -webkit-box-orient: vertical;
        margin-top: 5%;
        overflow-y: auto !important;
        border: none !important;
    }

    .contactUs {
        -webkit-box-ordinal-group: 2;
        order: 1;
        width: 100%;
    }

    .contactUsFormPage {
        -webkit-box-ordinal-group: 1;
        order: 0;
        width: 100% !important;
    }

    .contactUsForm .form-control {
        width: 91% !important;
    }

    .contactUsWrapperDiv {
        margin: 0% !important;
        margin-bottom: 5% !important;
    }

    .contactUsForm {
        padding-right: 0px !important;
    }

    .refNumber .form-control {
        width: 91% !important;
    }

    .refNoTxtBox {
        width: 100% !important;
    }

    .refNoDiv {
        width: 95% !important;
    }

    .goBtnDiv {
        width: 5% !important;
    }

    .navBarResp {
        height: 115px !important;
    }

    .goBtnCls {
        padding-top: 10px !important;
        padding-left: 11px !important;
        padding-right: 11px !important;
        padding-bottom: 21px !important;
    }

    .goBtnSpan {
        padding-top: 1% !important;
    }

    .faqRes {
        margin-left: 3%;
        margin-right: 3%;
    }

    .GetPSA {
        width: 88%;
    }

    .contactus-div {
        margin-top: 0% !important;
    }

    .res-delivery .table-responsive {
        border: none;
    }

    .OnlineApp {
        padding-left: 0px !important;
    }

    .AckRequester_Value {
        word-break: break-all;
    }

    .contactus-sendbtn {
        padding-left: 11%;
        padding-right: 27%;
        margin-right: 5%;
    }

    .instruction {
        margin-top: 17% !important;
    }

    .refNumber {
        padding-left: 0px !important;
        padding-right: 1px !important;
    }

    .contactUsFormPage {
        float: left !important;
        width: 100% !important;
    }

    .commentDiv {
        padding-left: 0px !important;
        padding-right: 1px !important;
    }

    .contactus-qus {
        height: 50% !important;
    }

    .checkReqtd {
        border-right: none !important;
    }

    .announcementhearder {
        font-size: 26px !important;
    }

    .secondHeading, .aboutUsPara {
        padding-left: 0px !important;
    }

    .div_Birth {
        margin-left: 0px !important;
        margin-bottom: 5% !important;
    }

    .Refbox-res {
        padding-top: 0% !important;
        margin-left: 23% !important;
    }

    .responsivediv {
        padding-right: 8% !important;
        padding-left: 10% !important;
        width: 81% !important;
    }

    .courierUrlResp {
        line-height: 30px !important;
    }

    .verticalLinealert {
        height: 194px !important;
    }

    .button-margin {
        margin-left: -24px !important;
    }

    .modalAlertlg {
        width: 113% !important;
        top: 20% !important;
    }

    .resultDesc {
        width: 90% !important;
    }

    .flip-scroll thead.bordered-palegreen > tr > th {
        border-right: 0px solid #a0d468 !important;
    }

    .privacyPlicyResp {
        padding-top: 5% !important;
    }

    .fedex-res .fedExdivlabel {
        padding-left: 6%;
        padding-right: 4%;
    }

    .button-position {
        padding-right: 26% !important;
    }

    .fedex-res .fedExdivinput {
        padding-left: 6%;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        transform: rotate( 90deg);
    }

    .arrow-res {
        margin-top: -62%;
        float: right;
        transform: rotate( 90deg);
    }

    #addFedExButton {
        white-space: normal;
        margin-top: 3%;
        margin-bottom: 3%;
        width: 265px !important;
    }

    .fedex-res #spanpriorityNo {
        width: 85% !important;
    }

    .unionBankBranch {
        margin-left: 0% !important;
        margin-right: -3% !important;
    }

    .UBTableDiv .subscrCol {
        padding-bottom: 13%;
    }

    .UBTableDiv .amountCol {
        padding-bottom: 13%;
    }

    .UnionBankOnline {
        margin-left: 0% !important;
        margin-right: -3% !important;
    }

        .UnionBankOnline .UBO-heading {
            margin-left: 0%;
            margin-top: -10%;
        }

        .UnionBankOnline .UBOnline {
            padding-right: 10%;
        }

    .faqService {
        margin-top: 75px !important;
        padding-top: 0px;
    }

    .responsive-logo {
        width: 56% !important;
    }

    .responsive-Creativelogo {
        width: 32% !important;
    }

    .ml-space {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    .header-responsive {
        font-size: 12px !important;
    }

    .addresponsive {
        margin-left: 0px !important;
        margin-bottom: 8px;
    }

    .addNewRequestPopUp .modal-content {
        border-radius: 8px;
        margin-top: 5%;
        float: left;
    }

    .addNewRequestPopUp .close {
        margin-left: 90.5%;
    }

    .addRequest {
        text-align: start;
        padding-top: 40px;
    }

    .consent {
        line-height: 25px !important;
        font-size: 16px !important;
        font-weight: bold !important;
    }

    .consent-top {
        margin-top: 45%;
        overflow-y: auto !important;
    }

    .main-content {
        margin-left: 0px;
    }

    .contactUs {
        /*padding-top: 214% !important;*/
        width: 98% !important;
    }

    .lr-padding-0.heading-underlined {
        margin-top: 12px !important;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
        position: relative;
        min-height: 1px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-md-7 {
        position: relative;
        min-height: 1px;
        padding-left: 9px;
    }

    .col-xs-6 {
        width: 50%;
        float: right;
    }

    .contactUsMap {
        float: none !important;
    }

    .table-xs {
        width: 100%;
    }

    .table-heading h1 {
        font-size: 30px !important;
        padding-bottom: 10px;
    }

    .main-body {
        border-right: none !important;
    }

    .delivery {
        border: none !important;
    }

        .delivery .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
            padding-right: 10px;
            padding-left: 10px;
        }

    .ecensus-home-page .navbar-default {
        padding: 0px 5px;
        width: 100%;
        height: 110px;
    }

        .ecensus-home-page .navbar-default .navbar-toggle {
            margin-right: 3% !important;
            padding: 6px 5px;
            margin-top: 12px;
        }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
            height: 40px;
            margin-top: 0px;
            width: 144px;
        }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand {
            padding-left: 0px;
        }

    .ecensus-home-page .home-slider {
        height: 36vh;
    }

        .ecensus-home-page .home-slider .slItem {
            height: 205px;
        }

        .ecensus-home-page .home-slider .slItems .slText {
            top: 43%;
        }

            .ecensus-home-page .home-slider .slItems .slText .title {
                font-size: 17px;
                margin-top: 0px;
                margin-bottom: 5px;
                line-height: 23px;
            }

            .ecensus-home-page .home-slider .slItems .slText .title-lbl {
                font-size: 12px;
                margin-top: 0px;
                margin-bottom: 0px;
            }

            .ecensus-home-page .home-slider .slItems .slText .form-control {
                height: 32px;
            }

    .slider-input-group {
        margin-left: 10px;
        width: 70%;
    }

    .ecensus-home-page .home-slider .slItems .slText .btn-primary {
        line-height: 19px;
        padding-left: 0px;
        font-size: 11px;
    }

    .slider [class*="ctrl"] {
        font-size: 38px;
    }

    .slDots {
        bottom: 18px;
    }

    .heading-underlined {
        padding-top: 10% !important;
    }

    .resp-transaction {
        padding-top: 18% !important;
    }

    .checkRequestTitle {
        padding-top: 5% !important;
    }

    .ecensus-home-page .heading-underlined h1 {
        margin-top: 25px;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0px;
    }

    .ecensus-home-page .heading-underlined .bottom-line {
        height: 3px;
        margin: 6px auto 0;
    }

    .ecensus-home-page .slide-products .product-items {
        padding-top: 4px;
    }

        .ecensus-home-page .slide-products .product-items .hero-item {
            width: 100%;
            margin: 5px 5px !important;
        }

        .ecensus-home-page .slide-products .product-items .item {
            min-height: 85px;
        }

    .ecensus-home-page .getcertificate-steps .hero-circles {
        margin-top: 15px;
    }

    .ecensus-home-page .checkstatus-div {
        padding-top: 0px;
    }

        .ecensus-home-page .checkstatus-div .hero-search {
            width: 97%;
            margin: 15px 0px;
        }

            .ecensus-home-page .checkstatus-div .hero-search .form-control {
                font-size: 13px;
                width: 75%;
                height: 46px !important;
                padding: 8px 12px !important;
            }

            .ecensus-home-page .checkstatus-div .hero-search .input-group-btn {
                width: 20%;
            }

                .ecensus-home-page .checkstatus-div .hero-search .input-group-btn .btn.btn-common {
                    padding: 10px 15px;
                    margin-left: 0px !important;
                }

    .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle,
    .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle.collapsed {
        padding-left: 15px;
        padding-right: 15px;
    }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle::after {
            right: 12px;
        }

    .ecensus-home-page .download-band .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ecensus-home-page .download-band .label-link {
        line-height: 30px;
        font-size: 14px;
    }

    .ecensus-home-page .footer {
        /*padding: 15px 0px;*/
        position: relative !important;
        position: relative !important;
    }
    #masterlayoutfooter{    
       position: relative !important;     
       top:8% !important; 
    }
    #masterlayoutfooter{    
       position: relative !important;     
       top:3% !important; 
       width: 100%;
    }
    .footerbackgrnd{
        width:70% !important;
    }
        .ecensus-home-page .footer .footer-logo-div {
            margin-left: 0px;
        }

            .ecensus-home-page .footer .footer-logo-div .footer-philipines-logo {
                width: 160px !important;
                height: 28px !important;
            }

            .ecensus-home-page .footer .footer-logo-div .footer-unisys-logo {
                width: 150px !important;
                margin-top: 0% !important;
                margin-right: -3% !important;
                height: 23px !important;
                position: relative;
                bottom: 31px !important;
            }

        .ecensus-home-page .footer .footer-info-div {
            margin-top: -10px;
        }

            .ecensus-home-page .footer .footer-info-div .copyright-info p {
                font-size: 7px !important;
            }

                .ecensus-home-page .footer .footer-info-div .copyright-info p .fa {
                    font-size: 13px;
                }

            .ecensus-home-page .footer .footer-info-div .links {
                margin-top: 5px;
                padding-right: 0px !important;
                text-align: left;
                padding-left: 10% !important;
            }

                .ecensus-home-page .footer .footer-info-div .links ul li {
                    margin-left: 12px;
                }

                    .ecensus-home-page .footer .footer-info-div .links ul li a {
                        font-size: 12px;
                    }

    .modal .modal-dialog.modal-lg {
        width: 270px;
        margin: 0 auto;
        top: 15%;
    }

    .modal .modal-dialog .modal-header .modal-title {
        font-size: 13px;
    }

    .modal .modal-dialog .modal-header .close {
        font-size: 23px;
        margin-top: -5px;
    }

    .modal .modal-dialog .modal-body {
        max-height: 547px !important;
        padding: 15px;
        font-size: 12px;
        padding-top: 10px !important;
        overflow-y: scroll !important;
    }

        .modal .modal-dialog .modal-body p {
            margin: 4px 0px !important;
            line-height: 21px;
            text-align: initial;
        }

    .consentPopUp table td {
        line-height: 10px !important;
    }

    .ecensus-home-page .table.flip-content thead tr th, tbody tr td {
        font-size: 8px !important;
        padding-left: 3% !important;
    }

    .modal .modal-dialog .modal-body .btn {
        min-width: 60px;
        padding: 4px 10px;
    }

    #ImportantAnnouncement .modal-body .text-center {
        margin-bottom: 15px !important;
    }

    .request-certificate-wrapper {
        padding-top: 0;
    }
    .terms-div{
        padding-bottom: 0% !important;
    }
        .request-certificate-wrapper .header-wrapper {
            padding: 5px 12px 0px 12px;
        }

            .request-certificate-wrapper .header-wrapper .description {
                line-height: 23px;
                font-size: 12px;
            }

            .request-certificate-wrapper .header-wrapper .checkbox label {
                font-size: 12px;
            }

        .request-certificate-wrapper .btn {
            font-size: 12px;
            padding: 5px 8px;
            min-width: 110px !important;
        }

            .request-certificate-wrapper .btn .fa {
                font-size: 12px;
            }

        .request-certificate-wrapper .mt-10 {
            margin-top: 44px !important;
        }

    .ecensus-home-page .expandall-link-wrapper a {
        font-size: 12px;
        padding-bottom: 4px;
    }

    .ecensus-home-page .accordion.panel-group {
        margin: 0px 15px;
        font-size: 12px;
    }

        .ecensus-home-page .accordion.panel-group .panel-heading .accordion-toggle {
            font-size: 12px;
            padding: 8px 10px;
        }

        .ecensus-home-page .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding: 8px 15px;
        }

    .request-certificate-wrapper .btn-wrap {
        padding: 15px 18px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper p {
        margin: 2px 0px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .header {
        font-size: 13px;
        margin-bottom: 3px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .info-line {
        margin: 3px 0px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .terms-ml {
        margin-left: 20px !important;
    }

    .modal .question-answers-modal.modal-dialog .modal-body {
        max-height: 260px;
    }

    .question-answers-modal .modal-body .body-wrapper .heading {
        font-size: 13px;
        line-height: 20px;
    }

    .question-answers-modal .modal-body .body-wrapper .question-row {
        padding-bottom: 0px;
    }

    .question-answers-modal .modal-body .body-wrapper .question {
        font-size: 12px;
        margin-bottom: -5px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .radio {
        position: relative !important;
        right: 12% !important;
    }

        .question-answers-modal .modal-body .body-wrapper .radio label {
            font-size: 12px;
        }

    .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
        height: 17px;
        min-width: 17px;
        font-size: 7px;
    }

    .question-answers-modal .modal-body .body-wrapper .text-right {
        margin-bottom: 15px;
    }

    .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
        font-size: 12px;
        min-width: 110px !important;
    }

    .birth-certificate-dashboard {
        padding: 12px 0px;
        /* margin-right: -20% !important;*/ /* Commented to fix this Bug 292998: Andriod Mobile - Serbilis B3 - Getting side view of the page when click on Edit button from the confirmation popup*/
    }

    .ecensus-home-page .wizard {
        padding-bottom: 5px;
        margin-top: 1%;
    }

        .ecensus-home-page .wizard ul li {
            margin: 8px 10px;
            font-size: 13px;
            padding: 0 10px 0 15px;
            line-height: 37px;
        }

            .ecensus-home-page .wizard ul li .step {
                margin-right: 4px;
            }

            .ecensus-home-page .wizard ul li .chevron {
                border-width: 19px;
                right: -16px;
            }

                .ecensus-home-page .wizard ul li .chevron::before {
                    right: -1px;
                    border-width: 24px;
                }

    .birth-certificate-dashboard .step-content {
        padding: 15px;
    }

        .birth-certificate-dashboard .step-content .step-pane .title {
            font-size: 15px;
            margin-bottom: 15px;
            margin-top: 11px !important;
        }

    .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
        font-size: 15px !important;
        margin-left: 0%;
    }

    .ecensus-home-page .form-control {
        font-size: 13px;
        padding: 5px 10px;
        height: 30px;
        width: 65%;
    }

    .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
        font-size: 12px;
        font-weight: 300;
    }

    .birth-certificate-dashboard .step-wizard-footer {
        padding: 0px 0px 3px 5px;
    }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 121%;
            padding-left: 64px;
        }

    .birth-certificate-dashboard .btn {
        font-size: 12px;
        min-width: 110px;
        padding: 5px 8px;
    }

        .birth-certificate-dashboard .btn .fa {
            font-size: 12px;
        }

    .birth-certificate-dashboard #simplewizardstep2 .radio-box {
        padding: 10px;
        width: 47%;
        margin-bottom: 4px;
    }

    .birth-certificate-dashboard .italic-tag {
        font-size: 12px;
    }

    .birth-certificate-dashboard .zip-code-find-div {
        margin-top: 0px;
    }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 29%;
            position: absolute;
            right: 64%;
            top: 38%;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 27%;
            margin-top: 34px;
            right: 31%;
        }

    .ecensus-home-page .table.flip-content thead tr th {
        font-size: 12px !important;
    }

    .ecensus-home-page .table.flip-content tbody tr td {
        font-size: 12px !important;
        font-weight: 400 !important;
        padding: 9.7px;
    }

    .summary-mb-30 {
        margin-bottom: 20px !important;
    }

    .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
        display: block;
    }

        .summary-tab-div2 .table tbody tr td, .summary-tab-div3 .table tbody tr td {
            text-align: center;
        }

    .birth-certificate-dashboard #addNewReqBtn {
        margin-top: 5px !important;
        margin-left: 141px !important;
        width: 60% !important;
    }

    .birth-certificate-dashboard .black-big-heading {
        font-size: 12px;
    }

    .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
        font-size: 12px;
    }

    .ecensus-home-page .form-value {
        font-size: 12px;
    }

    #AddNewRequestModal .modal-body .product-items {
        padding-top: 3px !important;
    }

        #AddNewRequestModal .modal-body .product-items .container {
            width: 98.5% !important;
        }

        #AddNewRequestModal .modal-body .product-items .hero-item {
            margin: 5px 25px !important;
            width: 81% !important;
        }

    .ecensus-home-page .confirmation-dialog {
        top: 18% !important;
        width: 82%;
        margin: 0 auto;
    }

        .ecensus-home-page .confirmation-dialog .modal-body {
            padding-top: 15px !important;
            font-size: 12px;
        }

    .announcement-section {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .announcement-section .board {
            padding-top: 8px;
        }

        .announcement-section .nav-tabs > li {
            width: 33%;
        }

        .announcement-section .date-info, .announcement-section .time-info {
            font-size: 12px;
        }

        .announcement-section p.narrow {
            font-size: 12.5px;
        }

        .announcement-section .nav-tabs > li.active > a, .announcement-section .nav-tabs > li.active > a:hover,
        .announcement-section .nav-tabs > li.active > a:focus {
            margin-top: 0px;
        }

    .hero-search {
        width: 80% !important;
        float: none !important;
        padding-left: 3% !important;
    }

    .usercredential {
        width: 100% !important;
    }

    #status, #RefNo, .regNotxt {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .regNotxt {
        padding-left: 0;
    }

    #BatchNumber {
        width: 55% !important;
    }

    .hero-item {
        padding: 0 !important;
    }

    #RefNo .col-xs-5 {
        width: 100% !important;
        padding-left: 0;
    }

    .product {
        padding: 0 !important;
    }

    .txt {
        float: left !important;
    }

    #DeliveryDetail {
        width: 100% !important;
    }

    .payment-instruction, .paymentTable {
        display: contents;
    }

    .payment-table-details {
        margin-top: 10%;
    }

    .line-height {
        line-height: 2.1 !important;
    }

    .main-content {
        padding-top: 0%;
    }

    .btn-common {
        height: 25px !important;
        font-size: 10px !important;
        padding-top: 7px;
    }

    /*#MenuBar {
        position: absolute !important;
        right: 24% !important;
    }*/

    .creativeImg {
        float: none !important;
        width: 142px !important;
    }

    .seribilislogo {
        width: 145px !important;
    }



    #MenuBar {
        /*position: absolute !important;*/
        right: 0% !important;
        /*width: 125% !important;*/
    }

    .onlineapp-responsive {
        line-height: 82% !important;
    }

    .column {
        height: 583px !important;
        width: 271px !important;
    }

    .div_birth {
        margin-top: 151px !important;
        margin-left: -1% !important;
    }

    .onlineapplication_birthimg {
        margin-left: 31% !important;
    }

    .div_marriage {
        margin-top: 91px !important;
        margin-left: -1% !important;
    }

    .onlineapplication_marriageimg {
        margin-left: 74px !important;
    }

    .div_death {
        margin-top: 70% !important;
        margin-left: -1% !important;
    }

    .onlineapplication_deathimg {
        margin-left: 73px !important;
    }

    .div_cenomar {
        margin-top: 58px !important;
        margin-left: -1% !important;
    }

    .onlineapplication_cenomarimg {
        margin-left: 76px !important;
    }

    button-proceed {
        width: 82% !important;
    }

    .ecensus-home-page .wizard ul {
        width: 2474% !important;
        margin-top: 8% !important;
    }

    .wizard ul li {
        float: none;
    }

    .ecensus-home-page .table.flip-content thead tr th {
        text-align: start;
    }

    .ecensus-home-page .table.flip-content thead tr th, tbody tr td {
        font-size: 11px !important;
        padding-left: 2% !important;
    }

    .flip-scroll tbody tr {
        margin-left: 0%;
    }

    .ecensus-home-page .table.flip-content tbody tr td {
        padding-right: 68% !important;
        padding: 11px;
        text-align: start;
        width: 107% !important;
    }

    .numSpan {
        width: 17px !important;
        text-align: left !important;
    }

    .address_requester {
        width: 180% !important;
    }

    .ecensus-home-page .aboutUs-wrapper {
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 0px !important;
        margin-left: 1%;
        border: none;
    }

    .address_responsive {
        line-height: 32px !important;
    }

    .tdPaddinTopZero {
        padding-bottom: 10% !important;
    }

    .td_amount {
        padding-top: 0px;
        padding-bottom: 66px !important;
    }

    #divBirth1 {
        margin-left: 2.5%;
    }

    .responsive-border {
        padding-top: 0%;
        padding-bottom: 30%;
        padding-left: 1%;
        margin-left: 2%;
        margin-right: 3%;
    }

    #responsive-Lname {
        padding-left: 0%;
    }

    #responsive-Tname {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Lcard {
        padding-left: 0%;
    }

    #responsive-Tcard {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Lauthorization {
        padding-left: 0%;
    }

    #responsive-Tauthorization {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Lamount {
        padding-left: 0%;
    }

    #responsive-Tamount {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Ldate {
        padding-left: 0%;
    }

    #responsive-Tdate {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Lref {
        padding-left: 0%;
    }

    #responsive-Tref {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-LRname {
        padding-left: 0%;
    }

    #responsive-TRname {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Ldelivery {
        padding-left: 0%;
    }

    #responsive-Tdelivery {
        margin-top: -8%;
        padding-left: 51%;
    }

    #responsive-Lpaid {
        padding-left: 0%;
    }

    #responsive-Tpaid {
        margin-top: -8%;
        padding-left: 51%;
        width: 112%;
    }

    .responsive-PGamt {
        line-height: 182% !important;
    }

    #cname {
        padding-bottom: 1% !important;
    }

    .resp-cname {
        padding-top: 0.1% !important;
    }

    #cnumber {
        padding-bottom: 1% !important;
    }

    .resp-cnumber {
        padding-top: 0.1% !important;
    }

    #authorization {
        padding-bottom: 1% !important;
    }

    .resp-authorization {
        padding-top: 0.1% !important;
    }

    #amount {
        padding-bottom: 1% !important;
    }

    .resp-amount {
        padding-top: 0.1% !important;
    }

    #date {
        padding-bottom: 1% !important;
    }

    .resp-amount {
        padding-top: 0.1% !important;
    }

    #referenceno {
        padding-bottom: 1% !important;
    }

    .resp-referenceno {
        padding-top: 0.1% !important;
    }

    #rname {
        padding-bottom: 1% !important;
    }

    .resp-rname {
        padding-top: 0.1% !important;
    }

    #delivery {
        padding-bottom: 1% !important;
    }

    .resp-delivery {
        padding-top: 0.1% !important;
    }

    #paid {
        padding-bottom: 1% !important;
    }

    .resp-paid {
        padding-top: 0.1% !important;
    }

    .resp-credit-terms {
        padding-top: 6%;
    }

    #resp-payment-p1 {
        font-size: 12px !important;
    }

    #resp-payment-p2 {
        font-size: 11px !important;
    }

    #resp-payment-p3 {
        font-size: 11px !important;
    }

    .payment-scroll {
        overflow-y: visible !important;
        position: relative !important;
        overflow-x: scroll !important;
    }

    #resp-payment-credit {
        padding-top: 5%;
        width: 125%;
    }
}


@media (min-device-width:320px) and (max-device-width:325px) and (orientation : portrait) {
    .ecensus-home-page .slide-products .product-items .item .product-description .product-name {
        font-size: 10px;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .border {
        padding-bottom: 0%;
    }

    .home-align {
        padding-left: 6% !important;
    }

    .forwardArrow {
        top: 0% !important;
    }

    .responsive-div {
        padding-left: 6% !important;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        margin-right: 25%;
    }

    .box-res {
        margin-top: 5%;
    }

    .responsive-announcement {
        word-break: break-all;
    }

    .arrow-res {
        margin-top: -62%;
        margin-right: 25%;
        float: right;
    }

    sm-12, .col-md-12, .col-lg-12 {
        position: inherit !important;
    }

    .header-res {
        font-size: 25px !important;
    }
}
/* &&&&&&& LANDSCAPE MODE &&&&&&& */
@media (min-device-width:320px) and (max-device-width:568px) and (orientation : landscape) {
    .table-xs {
        width: 100%;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .home-align {
        padding-left: 6% !important;
    }

    .forwardArrow {
        top: 0% !important;
    }

    .responsive-div {
        padding-left: 6% !important;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        margin-right: 25%;
    }

    .box-res {
        margin-top: 5%;
    }

    .responsive-announcement {
        word-break: break-all;
    }

    .arrow-res {
        margin-top: -62%;
        margin-right: 25%;
        float: right;
    }

    sm-12, .col-md-12, .col-lg-12 {
        position: inherit !important;
    }

    .header-res {
        font-size: 25px !important;
    }

    .table-heading h1 {
        font-size: 30px !important;
        padding-bottom: 10px;
    }

    .main-body {
        border-right: none !important;
    }

    .delivery {
        border: none !important;
    }

        .delivery .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
            padding-right: 10px;
            padding-left: 10px;
        }

    .ecensus-home-page .navbar-default {
        padding: 0px 5px !important;
    }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
            height: 34px !important;
            margin-top: -2px !important;
        }

        .ecensus-home-page .navbar-default .navbar-toggle {
            margin-right: 13px !important;
            padding: 6px 5px !important;
            margin-top: 12px !important;
        }

    .ecensus-home-page .home-slider {
        height: 65vh !important;
    }

        .ecensus-home-page .home-slider .slItems .slText {
            top: 40% !important;
        }

            .ecensus-home-page .home-slider .slItems .slText .title {
                font-size: 23px !important;
            }

            .ecensus-home-page .home-slider .slItems .slText .title-lbl {
                font-size: 13px !important;
                margin-top: -10px !important;
                margin-bottom: 8px !important;
                line-height: 21px !important;
            }

    .slider-input-group {
        width: 62% !important;
        margin: 0 auto !important;
        margin-left: 85px !important;
    }

    .ecensus-home-page .home-slider .slItems .slText .form-control {
        width: 80% !important;
        margin-left: 8px !important;
    }

    .ecensus-home-page .home-slider .slItems .slText .btn-primary {
        line-height: 20px !important;
    }

    .slider [class*="ctrl"] {
        font-size: 48px !important;
    }

    .slDots {
        bottom: 16px !important;
    }

    .ecensus-home-page .heading-underlined h1 {
        font-size: 22px !important;
        margin-bottom: 0px !important;
        margin-top: 15px !important;
    }

    .ecensus-home-page .heading-underlined .bottom-line {
        height: 3px !important;
        margin: 6px auto 0 !important;
    }

    .ecensus-home-page .slide-products .product-items {
        padding-top: 10px !important;
    }

        .ecensus-home-page .slide-products .product-items .hero-item {
            width: 40% !important;
            margin: 5px 38px !important;
            float: left !important;
            margin-right: 0px !important;
        }

        .ecensus-home-page .slide-products .product-items .item {
            min-height: 110px !important;
        }

    .ecensus-home-page .getcertificate-steps, .ecensus-home-page .checkstatus-div {
        margin-top: -10px !important;
    }

        .ecensus-home-page .getcertificate-steps .hero-circles {
            margin-top: 20px !important;
            margin-bottom: 15px !important;
        }

            .ecensus-home-page .getcertificate-steps .hero-circles li {
                width: 33% !important;
                border-right: 1px solid #9e9e9e !important;
                min-height: 100px !important;
            }

        .ecensus-home-page .checkstatus-div .hero-search {
            width: 70% !important;
            margin: 10px 0px !important;
        }

            .ecensus-home-page .checkstatus-div .hero-search .form-control {
                width: 80% !important;
                height: 46px !important;
                padding: 6px 12px !important;
            }

            .ecensus-home-page .checkstatus-div .hero-search .input-group-btn {
                width: 18% !important;
            }

                .ecensus-home-page .checkstatus-div .hero-search .input-group-btn .btn.btn-common {
                    margin-left: 0px !important;
                }

    .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle::after {
        right: 24px !important;
        top: 10px !important;
    }

    .ecensus-home-page .download-band .label-link {
        line-height: 30px !important;
        float: left !important;
        margin-right: 20px !important;
        font-size: 13px !important;
        margin-top: 4px !important;
    }

    .ecensus-home-page .footer {
        padding: 15px 0px !important;
    }

        .ecensus-home-page .footer .footer-logo-div {
            margin-left: -10px !important;
        }

            .ecensus-home-page .footer .footer-logo-div .footer-philipines-logo {
                width: 50% !important;
                float: left !important;
            }

            .ecensus-home-page .footer .footer-logo-div .footer-unisys-logo {
                width: 28% !important;
                margin-top: -5px !important;
                margin-right: 0px !important;
            }

        .ecensus-home-page .footer .footer-info-div {
            margin-top: 5px !important;
        }

            .ecensus-home-page .footer .footer-info-div .copyright-info p {
                font-size: 12px !important;
            }

                .ecensus-home-page .footer .footer-info-div .copyright-info p .fa {
                    font-size: 13px !important;
                }

            .ecensus-home-page .footer .footer-info-div .links {
                margin-top: 5px !important;
                padding-right: 5px !important;
                float: right !important;
            }

                .ecensus-home-page .footer .footer-info-div .links ul li {
                    margin-left: 18px !important;
                }

                    .ecensus-home-page .footer .footer-info-div .links ul li a {
                        font-size: 12px !important;
                    }

    .modal .modal-dialog.modal-lg {
        width: 470px !important;
        margin: 0 auto !important;
        top: 22% !important;
    }

    .modal .modal-dialog .modal-header .modal-title {
        font-size: 14px !important;
    }

    .modal .modal-dialog .modal-header .close {
        font-size: 25px !important;
        margin-top: -3px !important;
    }

    .modal .modal-dialog .modal-body {
        max-height: 185px !important;
        padding: 15px;
        font-size: 12px !important;
        padding-top: 10px !important;
    }

        .modal .modal-dialog .modal-body p {
            margin: 4px 0px !important;
            line-height: 21px !important;
        }

        .modal .modal-dialog .modal-body .btn {
            min-width: 65px !important;
            padding: 4px 10px !important;
        }

    #ImportantAnnouncement .modal-body .text-center {
        margin-bottom: 15px !important;
    }

    .request-certificate-wrapper {
        padding-top: 0 !important;
    }

        .request-certificate-wrapper .header-wrapper {
            padding: 5px 12px 0px 12px !important;
        }

            .request-certificate-wrapper .header-wrapper .description {
                line-height: 23px !important;
                font-size: 12px !important;
            }

            .request-certificate-wrapper .header-wrapper .checkbox label {
                font-size: 12px !important;
            }

        .request-certificate-wrapper .btn {
            font-size: 12px !important;
            padding: 5px 6px !important;
        }

            .request-certificate-wrapper .btn .fa {
                font-size: 12px !important;
            }

        .request-certificate-wrapper .mt-10 {
            margin-top: 44px !important;
        }

    .ecensus-home-page .expandall-link-wrapper a {
        font-size: 12px !important;
        padding-bottom: 5px !important;
    }

    .ecensus-home-page .accordion.panel-group {
        margin: 0px 20px !important;
        font-size: 12px !important;
    }

        .ecensus-home-page .accordion.panel-group .panel-heading .accordion-toggle {
            font-size: 12px !important;
            padding: 8px 10px !important;
        }

        .ecensus-home-page .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding: 8px 15px !important;
        }

    .request-certificate-wrapper .btn-wrap {
        padding: 15px 20px !important;
    }

    #termsConditions .panel-body .terms-conditions-wrapper p {
        margin: 2px 0px !important;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .header {
        font-size: 13px !important;
        margin-bottom: 3px !important;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .info-line {
        margin: 3px 0px !important;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .terms-ml {
        margin-left: 20px !important;
    }

    .modal .question-answers-modal.modal-dialog .modal-body {
        max-height: 170px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .heading {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .question-row {
        padding-bottom: 0px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .question {
        font-size: 12px !important;
        margin-bottom: -5px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .radio {
        margin-left: 12px !important;
    }

        .question-answers-modal .modal-body .body-wrapper .radio label {
            font-size: 12px !important;
        }

    .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
        height: 17px !important;
        min-width: 17px !important;
        font-size: 7px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .text-right {
        margin-bottom: 15px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
        font-size: 12px !important;
    }

    .birth-certificate-dashboard {
        padding: 12px 0px !important;
    }

    .ecensus-home-page .wizard {
        padding-bottom: 5px !important;
    }

        .ecensus-home-page .wizard ul li {
            margin: 8px 10px !important;
            font-size: 13px !important;
            padding: 0 10px 0 15px !important;
            line-height: 37px !important;
            margin-right: 20px !important;
        }

            .ecensus-home-page .wizard ul li .step {
                margin-right: 5px !important;
            }

            .ecensus-home-page .wizard ul li .chevron {
                border-width: 19px !important;
                right: -16px !important;
            }

                .ecensus-home-page .wizard ul li .chevron::before {
                    right: -1px !important;
                    border-width: 24px !important;
                }

    .birth-certificate-dashboard .step-content {
        padding: 15px 22px !important;
    }

        .birth-certificate-dashboard .step-content .step-pane .title {
            font-size: 14.5px !important;
            margin-bottom: 15px !important;
        }

    .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
        font-size: 12px !important;
    }

    .ecensus-home-page .form-control {
        font-size: 12px !important;
        padding: 5px 10px !important;
        height: 33px !important;
    }

    .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
        font-size: 12px !important;
        font-weight: 300 !important;
    }

    .birth-certificate-dashboard .step-wizard-footer {
        padding: 0px 5px 3px 5px !important;
    }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 100% !important;
            padding-left: 0px !important;
        }

    .birth-certificate-dashboard .btn {
        font-size: 12px !important;
        min-width: 60px !important;
        padding: 5px 8px !important;
    }

        .birth-certificate-dashboard .btn .fa {
            font-size: 12px !important;
        }

    .birth-certificate-dashboard #simplewizardstep2 .radio-box {
        padding: 10px !important;
        width: 35% !important;
        margin-bottom: 4px !important;
        margin-right: 25px !important;
    }

    .birth-certificate-dashboard .italic-tag {
        font-size: 12px !important;
    }

    .birth-certificate-dashboard .zip-code-find-div {
        margin-top: 0px !important;
    }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 78% !important;
            margin-top: 4px !important;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 15% !important;
        }

    .ecensus-home-page .table.flip-content thead tr th {
        font-size: 12px !important;
    }

    .ecensus-home-page .table.flip-content tbody tr td {
        font-size: 12px !important;
        font-weight: 400 !important;
        padding: 9.7px !important;
    }

    .summary-mb-30 {
        margin-bottom: 20px !important;
    }

    .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
        display: block !important;
    }

    .ipadradiobtnres {
        padding-left: 869px !important;
        margin-top: -83px !important;
    }
        .summary-tab-div2 .table tbody tr td, .summary-tab-div3 .table tbody tr td {
            text-align: center !important;
        }

    .birth-certificate-dashboard #addNewReqBtn {
        margin-top: 5px !important;
    }

    .birth-certificate-dashboard .black-big-heading {
        font-size: 12px !important;
    }

    .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
        font-size: 12px !important;
    }

    .ecensus-home-page .form-value {
        font-size: 12px !important;
    }

    #AddNewRequestModal .modal-body .product-items {
        padding-top: 8px !important;
    }

        #AddNewRequestModal .modal-body .product-items .container {
            width: 98.5% !important;
        }

        #AddNewRequestModal .modal-body .product-items .hero-item {
            margin: 0px 0px 10px 30px !important;
            width: 40% !important;
        }

    .ecensus-home-page .confirmation-dialog {
        top: 25% !important;
        width: 70% !important;
        margin: 0 auto !important;
    }

        .ecensus-home-page .confirmation-dialog .modal-body {
            padding-top: 15px !important;
            font-size: 12.5px !important;
        }

    .announcement-section {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

        .announcement-section .board {
            padding-top: 12px !important;
        }

        .announcement-section .liner {
            top: 42% !important;
        }

        .announcement-section .nav-tabs > li {
            width: 11% !important;
        }

            .announcement-section .nav-tabs > li a {
                height: 50px !important;
            }

        .announcement-section span.round-tabs {
            width: 22px !important;
            height: 22px !important;
        }

        .announcement-section .date-info, .announcement-section .time-info {
            font-size: 12px !important;
        }

        .announcement-section p.narrow {
            font-size: 12.5px !important;
        }

        .announcement-section .nav-tabs > li.active > a, .announcement-section .nav-tabs > li.active > a:hover,
        .announcement-section .nav-tabs > li.active > a:focus {
            margin-top: 0px !important;
        }

        .announcement-section .tab-content {
            padding: 10px 12px !important;
        }

    .usercredential {
        width: 50% !important;
    }

    .ecensus-home-page .slide-products .product-items .item .product-description .product-name {
        font-size: 12px;
    }
}
/* ----------------------------------------- */
/* $$$$$$$$$$ IPHONE 5 STYLES END $$$$$$$$$$ */
/* ----------------------------------------- */
/* ------------------------------------------------ */
/* $$$$$$$$$ IPHONE 6/6S/7/8 STYLES START $$$$$$$$$ */
/* ------------------------------------------------ */
/* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:320px) and (max-device-width:658px) and (orientation : portrait) {
    .div_birthmotoG {
        margin-top: 152px !important;
        margin-left: -6%;
    }
    .ter-con{
        height:138px;
    }
    .fourdiv{
            display: inline-flex;
    flex-wrap: wrap;
    }
    .GalaxyS9_res{
       font-size: 17px !important;
    }
    .btnalign2 {
        margin-right: 14px !important;
    }
    .div_Birth {
        margin-left: 17px !important;
    }
    /*.div_Marriage {
            width: 100% !important;
    margin-left: 16% !important    

    }*/
    .div_Death{
        margin-top: 4% !important;
   
    margin-left: 16% !important;
    }
    .div_Cenemor {
            margin-left: 4% !important;
    width: 201px !important;
    margin-top: 5% !important;
    }
    .div_Cenodeath {
         margin-left: 4% !important;
    width: 201px !important;
    margin-top: 5% !important;
    }
    .header-res {
    font-size: 17px !important;
}
    .galaxyres {
    width: 207% !important;
    margin-left: -31% !important;
}
    .div_birth {
   
    margin-left: 6% !important;
    width: 100% !important;
}
    .textspan {
    padding-top: 5px !important;
    margin-left: -8px !important;
} 
   .masterLayoutFooter{
       margin-top:6%;
   }
     .action{
        line-height: 31px !important;
    }
    .buttons {
    margin-left: 0% !important;
}
    .cenomar-model {
        width: 300px !important;
        top: 0% !important;
        margin-left: 15px !important;
        padding-top: 24% !important;
    }
    .cenomar-popup {
        max-height: 450px !important;
    }
    .cenomar-heading{
        font-size: 15px !important;
    }
    .cenomar-resp{
        width:44%;
    }
    #Error span.wrong-field{
        margin-left:9px !important;
        margin-top:0px !important;
    }
    .conf{
        margin-left:15px;
    }
    .fedexHeader {
    margin-left: 11px !important;
}
     .buttonpiece{
    padding-right: 0% !important;
}
    .dhl-conf{
        padding-left: 5% !important;
    }
    .dhl-div{
        width:500px !important;
    }
    .dhlres-div{
        height:487px !important;
    }
     .DHL-content{
    margin-left: 6% !important;
}
    #inputError .wrong-field {
    margin-left: 10px !important;
    margin-top: 0px !important;
}
    .dhlContent {
    margin-left: 8% !important;
    width: 255px !important;
    margin-top: 0px !important;
}
    .dhlTitle {
    margin-left: 0px !important;    
}
    /*#addDHLButton, #cancelFedExButton {
    width: 105px !important;
    margin-left: 5px !important;
}*/
    #dhlExpressCancel{
        width:100px !important;
    }
    #dhlExpressSubmit{
        width:100px !important;
    }
    .dhlPieceID {
     margin-right: 0px !important;
     }
    .DHL-DIV{
        width:282px !important;
      top:14% !important;
    }
    .btn-div2 {
        margin-left:0% !important;
    }
     .avil-button{
       border-radius: 8px !important;
       font-weight: 700 !important;
       width: 500px;
       font-size:10px !important;
       width:94% !important;
       margin-left: 2% !important;
        }
     .dhl-mail{
         height:400px;
     }
     /*modal .modal-dialog.modal-lg{
         width:388px;
         margin:30px auto;
     }*/
}
@media(min-device-width:375px) and (max-device-width:667px) and (orientation : portrait) {
     #dhltextbox{
        width:auto !important;
    }
    .paymentlink {
        margin-bottom: 30px;
    }
    .spacecertifres {
        margin-top: 6px;
    }
    .afpaddali {
        margin-left: -11px;
        width: inherit;
    }
    .popup-res {
        padding-left: 3% !important;
    }
    .amountres {
        line-height: 15px !important;
    }
    .marrislide1{
            max-width: 95% !important;
    }
    .Galaxy_Res {
    margin-left: 0% !important;
    margin-top: 5% !important;
    max-width: 126% !important;
}
    .div_birthmotoG {
        margin-top: 174px !important;
        margin-left: 0% !important;
    }
    .iphone6ali{
        margin-right: 40% !important;
    }
    .Galaxys8_res {
    margin-left: 0% !important;
    margin-top: 5% !important;
    max-width: 128% !important;
}
    .galaxyres {
    max-width: 171% !important;
    margin-left: -33% !important;
}
    .cenomar-model{
        margin-left:15px !important;
    }
    .psaddreali{
        padding-left:9% !important
    }
    .unisyaddal{
        margin-left:5% !important;
    }
   
    .marginn{
            margin-left: 0px;
    }
    .alert-text{
       padding-bottom: 100% !important;
        padding-top: 17% !important;
    }
    .qusothers{
        margin-left: -5px !important;
        font-size: 13px !important;
    }
     .qusother{
        margin-left: 26px !important;
    }
    .terms-div {
    padding-bottom: 0% !important;
}
    .res-terms {
    height: 124px !important;
}
    .reupload-exp{
       padding-bottom: 100% !important;
        padding-top: 17% !important;
    }
    .linkdiv{
         padding-bottom: 100% !important;
        padding-top: 17% !important;
    }
    .dfa-span {
        float: right !important;
        margin-right: 13% !important;
    }
      .ipad-dfa{
            line-height: 1.7 !important;
    padding: 11.7px !important;
    border-bottom: 0px !important;
    }
     .dfa-div{
        padding-right: 4% !important;
    }
    .dfaaddress {
        margin-left: 11px;
        width: 64% !important;
    }

    .uploadtable-display {
        display: flex !important;
    }

    .DfaAddress {
        margin-left: -1% !important;
    }

    .resp-contactus {
        display: grid;
        -webkit-box-orient: vertical;
        margin-top: 5%;
        overflow-y: auto !important;
        border: none !important;
    }

    .contactUs {
        -webkit-box-ordinal-group: 2;
        order: 1;
        width: 100%;
    }

    .contactUsFormPage {
        -webkit-box-ordinal-group: 1;
        order: 0;
        width: 100% !important;
    }

    .contactUsForm .form-control {
        width: 71% !important;
    }

    .contactUsWrapperDiv {
        margin: 0% !important;
        margin-bottom: 5% !important;
    }

    .contactUsForm {
        padding-right: 0px !important;
    }

    .refNumber .form-control {
        width: 71% !important;
    }

    .commentDiv .form-control {
        width: 68% !important;
    }

    .sendBtnDiv {
        margin-left: 15% !important;
    }

    .contactus-div {
        margin-top: 0% !important;
    }

    .resp-contactus {
        overflow-y: auto !important;
    }

    .checkReqDiv {
        width: 80% !important;
    }

    .errorMsgP {
        width: 80%;
    }

    .aboutUsPara {
        padding-left: 0px !important;
    }

    .middletd {
        padding-bottom: 3% !important;
    }

    .first-td {
        padding-bottom: 3.5% !important;
    }

    .ack-amountres {
        float: left !important;
    }

    .commentDiv {
        width: 98.5%;
    }

    .payment-p {
        line-height: 1.5 !important;
    }

    .GetPSA {
        width: 72%;
    }

    .Refbox-res {
        padding-top: 0% !important;
        margin-left: 23% !important;
        margin-top: -1%;
    }

    .menubar {
        margin-top: 1.9% !important;
    }

    .refNumber {
        width: 100%;
    }

    .secondHeading {
        padding-left: 0px !important;
    }

    .resp-transaction {
        padding-top: 12% !important;
    }

    .courierUrlResp {
        line-height: 30px !important;
    }

    .resultDesc {
        width: 90% !important;
    }

    .flip-scroll thead.bordered-palegreen > tr > th {
        border-right: 0px solid #a0d468 !important;
    }

    .privacyPlicyResp {
        padding-top: 5% !important;
    }

    .UnionBankOnline .UBO-heading {
        margin-top: 5%;
    }

    .pay-button {
        margin-left: -15%;
    }

    .requiredmsg {
        float: initial !important;
    }

    .qus-popup {
        margin-top: 18%;
    }

    .res-table {
        margin-right: 1% !important;
        margin-left: 3%;
    }

    .button-position {
        padding-right: 23% !important;
    }

    .responsivediv {
        padding-right: 8% !important;
        padding-left: 10% !important;
        width: 95% !important;
    }

    .payment-res {
        width: 97%;
    }

    .label-content {
        margin-left: 0px;
        width: 80%;
    }

    .button-position {
        padding-right: 26% !important;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .home-align {
        padding-left: 6% !important;
    }

    .forwardArrow {
        top: 0% !important;
    }

    .responsive-div {
        padding-left: 6% !important;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        margin-right: 0%;
        transform: rotate(90deg);
    }

    .box-res {
        margin-top: 5%;
    }

    .responsive-announcement {
        word-break: break-all;
    }

    .arrow-res {
        margin-top: -62%;
        transform: rotate(90deg);
        float: right;
    }



    .header-res {
        font-size: 25px !important;
    }

    .ecensus-home-page .home-slider {
        height: 31vh;
    }

    .responsive-logo {
        width: 56% !important;
    }

    .responsive-Creativelogo {
        width: 32% !important;
    }

    .ml-space {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    .header-responsive {
        font-size: 12px !important;
    }

    .slDots {
        bottom: 18px;
    }

    .ecensus-home-page .home-slider .slItems .slText .form-control {
        margin-left: 22px;
        width: 78%;
    }

    .middle {
        margin-left: -20px !important;
    }

    .divlast {
        margin-left: -8px !important;
        text-align: left !important;
    }

    .deatils {
        display: grid;
        -webkit-box-orient: vertical;
        margin-top: 5%;
    }

    .contactUs {
        -webkit-box-ordinal-group: 2;
        order: 1;
        width: 100%;
    }

    .contactUsFormPage {
        -webkit-box-ordinal-group: 1;
        order: 0;
        width: 100% !important;
    }

    .ecensus-home-page .navbar-default .navbar-toggle {
        margin-right: 2% !important;
    }

    .ecensus-home-page .form-control {
        width: 66% !important;
    }

    .ref-div .form-control {
        width: 100% !important;
    }

    .ecensus-home-page .footer .footer-info-div .links {
        margin-right: 43%;
    }

    .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
        width: 100% !important;
        padding-left: 32px !important;
    }

    .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
        width: 100% !important;
        padding-left: 26px !important;
    }

    .birth-certificate-dashboard #addNewReqBtn {
        margin-left: 14% !important;
        position: absolute !important;
        right: 61% !important;
        top: 0px !important;
        width: 86% !important;
    }

    .column {
        height: 574px !important;
        width: 319px !important;
    }

    .tdPaddinTopZero {
        padding-bottom: 3% !important;
    }

    .td_amount {
        padding-top: 0px;
        padding-bottom: 49px !important;
    }

    #resp-payment-credit {
        padding-top: 5%;
        padding-bottom: 38%;
    }

    .Refno {
        width: 62% !important;
    }

    .resp-question {
        height: 50% !important;
        width: 67.5% !important;
    }

    .contactus-sendbtn {
        margin-right: 36.5% !important;
    }
}
/* &&&&&&& LANDSCAPE MODE &&&&&&& */
@media(min-device-width:375px) and (max-device-width:667px) and (orientation : landscape) {
    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }
}
/* ---------------------------------------------- */
/* $$$$$$$$$ IPHONE 6/6S/7/8 STYLES END $$$$$$$$$ */
/* ---------------------------------------------- */
/* ---------------------------------------------------- */
/* $$$$$$$$$ IPHONE 6+/6S+/7+/8+ STYLES START $$$$$$$$$ */
/* ---------------------------------------------------- */
/* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:414px) and (max-device-width:736px) and (orientation : portrait) {
       #collapseF{
        max-height: 92px !important;
    }
       .Viewheading{
           line-height: 110% !important;
       }
        .popup-res {
        padding-left: 3% !important;
        margin-top: 57% !important; 
        }
    .VO_ImageDiv {
        padding-left: 15% !important;
    }
    .ReqAFPText {
        white-space: initial !important;
        text-align: center !important;
    }

    .AFP_ButtonDiv {
        padding-left: 4% !important;
    }
    .columnOnline{
        width:350px !important;
    }
    .logodiv {
        padding-top: 12px !important;
    }
        .deliverylabel2 {
    padding-left: 0% !important;
}
    .masterLayoutFooter{
       margin-top:-17% !important;
   }
    .cenomar-model{
        margin-left:40px !important;
    }
    .Payment-terms {
        padding-bottom: 6%;
    }
    .termsresdiv {
    padding-bottom: 0% !important;
}
    .terms-div {
    padding-bottom: 0% !important;
}
    .res-terms {
    height: 100% !important;
}
    .dhl-avail {
    font-size: 10px !important;
    width: 97% !important;
    padding-left: -1% !important;
    margin-left: 4% !important;
}
     .dfa-div{
        padding-right: 4% !important;
    }
    #pfspadd2txtbox {
        margin-left: 15px;
        width: 64% !important;
    }

    .aboutUsPara {
        padding-left: 0px !important;
    }

    .errorMsgP {
        width: 80%;
    }

    .contactus-div {
        margin-top: 79% !important;
    }

    .middletd {
        padding-bottom: 3%;
    }

    .first-td {
        padding-bottom: 3% !important;
    }

    .ack-amountres {
        float: left !important;
    }

    .Refno {
        width: 62% !important;
    }

    .menubar {
        margin-top: 5%;
    }

    .resp-question {
        height: 50% !important;
        width: 67.5% !important;
    }

    .contactus-sendbtn {
        margin-right: 36.5% !important;
    }

    .button-margin {
        margin-left: -4px !important;
    }

    .modalAlertlg {
        width: 100% !important;
        top: 16% !important;
    }

    .secondHeading {
        padding-left: 0px !important;
    }

    .resp-transaction {
        padding-top: 12% !important;
    }

    .courierUrlResp {
        line-height: 30px !important;
    }

    .resultDesc {
        width: 90% !important;
    }

    .flip-scroll thead.bordered-palegreen > tr > th {
        border-right: 0px solid #a0d468 !important;
    }

    .privacyPlicyResp {
        padding-top: 5% !important;
    }

    .delivery {
        margin-left: 1% !important;
    }

    .res-table {
        margin-right: 0% !important;
        margin-left: 1%;
    }

    .requiredmsg {
        float: initial !important;
    }

    .qus-popup {
        margin-top: 18%;
    }

    .responsivediv {
        padding-right: 8% !important;
        padding-left: 10% !important;
        width: 95% !important;
    }

    .label-content {
        margin-left: 0px;
        width: 80%;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .home-align {
        padding-left: 6% !important;
    }

    .forwardArrow {
        top: 0% !important;
    }

    .responsive-div {
        padding-left: 6% !important;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        margin-right: 25%;
    }

    .box-res {
        margin-top: 5%;
    }

    .responsive-announcement {
        word-break: break-all;
    }

    .arrow-res {
        margin-top: -62%;
        margin-right: 25%;
        float: right;
    }


    .header-res {
        font-size: 25px !important;
    }

    .ecensus-home-page .home-slider {
        height: 28vh;
    }

    .slDots {
        bottom: 18px;
    }

    .ecensus-home-page .home-slider .slItems .slText .form-control {
        margin-left: 38px;
        width: 75%;
    }

    .birth-certificate-dashboard .step-wizard-footer {
        padding: 0px 5px 3px 55px;
    }

    button-proceed {
        width: 66% !important;
    }

    .ecensus-home-page .table.flip-content tbody tr td {
        padding-right: 74% !important;
        padding: 12px;
        text-align: start;
        width: 100% !important;
    }

    #resp-payment-credit {
        padding-top: 5%;
        padding-bottom: 59% !important;
    }
}
/* &&&&&&& LANDSCAPE MODE &&&&&&& */
@media(min-device-width:414px) and (max-device-width:736px) and (orientation : landscape) {
    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }
}
/* Iphone 12pro/Iphone13 STYLES START*/
/*-----------------------------------*/
@media only screen and (min-width: 844px) and (orientation: portrait){
    #iphonefooter{
        display:block;
    }
    
    .DeathCert{
        width:95%;
    }
    #masterlayoutfooter {
        display: none;
    }
    .logodiv {
    padding-top: 12px !important;
}
     .res-terms {
    height: 260px !important;
}
     .cenomar-model{
         margin-left:35px !important;
     }
     #masterlayoutfooter {
    position: relative !important;
    width: 100%;
}
     .footerbackgrnd {
    width: 70% !important;
}
     #collapseFive {
    max-height: 82px !important;
}
     #collapseF{
        max-height: 92px !important;
    }
}
@media(min-device-width:390px) and (max-device-width:844px) and (orientation : portrait){
    /*.iphone_foot{
            margin-top: 37%;
    }*/
  /*  .DeathCert {
        width: 95% !important;
    }*/

    .popup-res {
        padding-left: 3% !important;
        margin-top: 57% !important; 
    }
    .zipcode {
        padding-left: 0% !important;
        margin-left: -3% !important;
        width: 113%;
    }
    .paymentlink {
        margin-bottom: 30px;
    }
    .spacecertifres {
        margin-top: 6px;
    }

    .surveypop {
        padding-top: 6% !important;
    }
    .dhliphone{
        overflow: visible;
    }
    .questionpopiphone {
        margin-top: -22%;
    }
    .dhl-popres {
        margin-left: 17% !important;
        margin-top: 17% !important;
    }
    .quespopupiphone {
        padding-top: 14% !important;
    }
    .afpaddali {
        margin-left: -11px;
        width: inherit;
    }
    .div_Birth {
        margin-left: 9px !important;
        margin-bottom: 3% !important;
    }
    .div_Marriage {
        width: 207px !important;
        margin-left: 4% !important;
    }
    .div_Death {
        margin-top: 4% !important;
        margin-left: 12% !important;
        width: 207px !important;
    }
    .div_Cenemor {
        width: 207px !important;
    }
    .div_Cenodeath {
        width: 207px !important;
    }
    .div_birthmotoG {
        margin-top: 174px !important;
        margin-left: 2% !important;
    }
    /*.responsivediv {
    padding-right: 8% !important;
    padding-left: 9% !important;
    width: 76% !important;
}*/

    .logodiv {
    padding-top: 12px !important;
}
      .resp-certtype{
        height:45px;
    }
      /*.iphonevo{
          width:301px !important;
      }*/
    .resp-docowner{
        height:50px;
    }
    .resp-eventdate, .resp-eventplace, .resp-copies{
        height:40px;
    }
     .modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}
    .resp-amount{
        height:40px;
        padding-top: 10px !important;
    }
    div .resp-action{
        height:40px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
   /* .responsive-tablerow{
        display:grid !important;
    }*/
    .responsive-addrl, .responsive-addrl1{
        height: 45px;
    }
    .responsive-barangay,.responsive-addrl2{
        height:40px;
    }
    .responsive-location{
        height:40px;
    }
    .responsive-rqaction{
        height:45px;
    }
    div .table-action {
    padding-left: 11px !important;
}
    .responsive-reqname{
        height: 34px;
    }
    .responsive-reqemail{
        height: 45px;
    }
    .responsive-reqmob{
        height: 45px;
    }
    .responsive-reqaction{
        height: 40px;
    }
    .Radio-Div{
        padding-left:1%;
    }
     .res-terms {
    height: 260px !important;
}
    .cenomar-model{
        margin-left: 15px !important;
        padding-top: 0% !important;
    }
     div #collapseFive {
    max-height: 95px !important;
}
      #collapseF{
        max-height: 92px !important;
    }
      #iphonefooter{
        display:block !important;
    }
      #masterlayoutfooter{
        display:none !important;
    }
    div .terms-div {
        padding-bottom: 18% !important;
    }
}
/* -------------------------------------------------- */
/* $$$$$$$$$ IPHONE 6+/6S+/7+/8+ STYLES END $$$$$$$$$ */
/* -------------------------------------------------- */
/* ----------------------------------------- */
/* $$$$$$$$$ IPHONE X STYLES START $$$$$$$$$ */
/* ----------------------------------------- */
/* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:375px) and (max-device-width:812px) and (orientation : portrait) {
    .alert-text{
       padding-bottom: 130% !important;
        padding-top: 17% !important;
    }
    .voimagesize {
        width: 260px !important;
    }
    .div_Birth {
    margin-left: 5px !important;
    margin-bottom: 3% !important;
}
    
    .Galaxys8_res {
    margin-left: -1% !important;
    margin-top: 1% !important;
}
    .marrislide1 {
    width: 95% !important;
  
}
    .responsivediv {
    padding-right: 8% !important;
    padding-left: 10% !important;
    width: 79% !important;
}
    .deliverylabel2 {
    padding-left: 0% !important;
}
    .Radio-Div{
        padding-left:1%;
    }
     .headingpayment{
        padding-top: 66px !important;
    }
    .iphone-text{
        font-weight:800;
    }
    .qusothers{
        margin-left: -5px !important;
        font-size: 13px !important;
    }
     .qusother{
        margin-left: 26px !important;
    }
    /*.termsresdiv{
        padding-bottom:14%;
    }*/
    .terms-div {
    margin-bottom: 14% !important;
}
    .res-terms {
    height: 227px;
}
     #collapseFive{
    max-height: 190px !important;
    overflow-y: scroll;
}
    .dhl-avail {
    font-size: 10px !important;
    width: 97% !important;
    padding-left: -1% !important;
    margin-left: 4% !important;
}
    .reupload-exp{
       padding-bottom: 130% !important;
        padding-top: 17% !important;
    }
    .linkdiv{
padding-bottom: 130% !important;
        padding-top: 17% !important;
    }
    .Payment-terms {
        padding-bottom: 28% !important;
    }

    .localaddress {
        padding-left: 2.9% !important;
    }

    .upload-letter {
        margin-left: 2% !important;
    }

    .resfilename {
        margin-left: 8px !important;
    }

    #pfspadd1txtbox {
        margin-left: 11px;
        width: 64% !important;
    }

    #pfspadd2txtbox {
        margin-left: 11px;
        width: 64% !important;
    }

    .uploadtable-display {
        display: flex !important;
    }

    .aboutUsPara {
        padding-left: 0px !important;
    }

    .Refno {
        width: 62% !important;
    }

    .first-td {
        padding-bottom: 3.5% !important;
    }

    .middletd {
        padding-bottom: 3%;
    }

    .ack-amountres {
        float: left !important;
    }

    .ref-div .form-control {
        width: 100% !important;
    }

    .resp-question {
        height: 50% !important;
        width: 67.5% !important;
    }

    .contactus-sendbtn {
        margin-right: 36.5% !important;
    }

    .secondHeading {
        padding-left: 0px !important;
    }

    .resp-transaction {
        padding-top: 12% !important;
    }

    .courierUrlResp {
        line-height: 30px !important;
    }

    .verticalLinealert {
        height: 190px !important;
    }

    .button-margin {
        margin-left: -19px !important;
    }

    .resultDesc {
        width: 90% !important;
    }

    .flip-scroll thead.bordered-palegreen > tr > th {
        border-right: 0px solid #a0d468 !important;
    }

    .privacyPlicyResp {
        padding-top: 5% !important;
    }

    .unionBankBranch .ubHeading {
        margin-top: 5%;
    }

    .responsivediv {
        padding-right: 0% !important;
        padding-left: 0% !important;
        width: 95% !important;
    }

    .payment-res {
        width: 97%;
    }

    .label-content {
        margin-left: 0px;
        width: 80%;
    }

    .button-position {
        padding-right: 26% !important;
    }

    .arrow-responsive {
        float: right;
        margin-top: -74%;
        transform: rotate( 90deg);
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .UBTableDiv .companyCol {
        padding-top: 8%;
    }

    .UBTableDiv .subscrCol {
        padding-top: 10%;
    }

    .UnionBankOnline {
        margin-bottom: 51% !important;
    }

    .ecensus-home-page .home-slider {
        height: 25vh;
    }

    .visalogo {
        width: 48px;
    }

    .birth-certificate-dashboard .step-wizard-footer {
        padding: 0px 5px 3px 96px;
    }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 121% !important;
            padding-left: 32px !important;
        }


    .ecensus-home-page .footer .footer-info-div .links ul {
        width: 173%;
    }

    .faqService {
        margin-top: 25% !important;
    }

    .column {
        height: 545px !important;
        width: 321px !important;
    }
}
/* &&&&&&& LANDSCAPE MODE &&&&&&& */
@media(min-device-width:375px) and (max-device-width:812px) and (orientation : landscape) {
    .ecensus-home-page .navbar-default {
        padding: 0px 8px;
    }
   /*.Ipadxpadding{
       padding-top: 45px !important;

   }*/
     .summaryofficeaddress {
        display: table-caption !important;
    }

    .modalAlertlg {
        width: 100% !important;
        top: 44% !important;
    }

    .verticalLinealert {
        height: 124px !important;
    }

    col-xs-6, .col-sm-6, .col-lg-6 {
        position: inherit !important;
    }

    .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
        margin-top: -2px;
        height: 31px;
    }

    .ecensus-home-page .navbar-default .navbar-nav > li > a, .ecensus-home-page .navbar-nav.navbar-right li .request-select {
        font-size: 12px;
    }

    .navbar-nav > li > .dropdown-menu {
        min-width: 138px !important;
    }

    .ecensus-home-page .home-slider {
        height: 65vh;
    }

        .ecensus-home-page .home-slider .slItems .slText {
            top: 41%;
        }

            .ecensus-home-page .home-slider .slItems .slText .title {
                font-size: 24px;
            }

            .ecensus-home-page .home-slider .slItems .slText .title-lbl {
                font-size: 13px;
                margin-top: -10px;
            }

    .slider-input-group {
        width: 62%;
    }

    .ecensus-home-page .home-slider .slItems .slText .form-control {
        width: 85%;
        margin-left: -20px;
    }

    .slider [class*="ctrl"] {
        font-size: 45px;
    }

    .slDots {
        bottom: 15px;
    }

    .ecensus-home-page .heading-underlined h1 {
        font-size: 24px;
        margin-bottom: 0px !important;
        margin-top: 15px;
    }

    .ecensus-home-page .heading-underlined .bottom-line {
        height: 3px;
        margin: 6px auto 0;
    }

    .ecensus-home-page .slide-products .product-items .hero-item {
        width: 27%;
        margin-bottom: 10px;
        margin-left: 30px;
        margin-right: 0px;
        padding: 0;
    }

    .ecensus-home-page .slide-products .product-items .item {
        min-height: 115px;
    }

    .ecensus-home-page .getcertificate-steps {
        padding: 0px 15px;
        margin-top: -10px;
    }

        .ecensus-home-page .getcertificate-steps .hero-circles {
            margin-top: 20px;
        }

            .ecensus-home-page .getcertificate-steps .hero-circles li {
                min-height: 100px !important;
                width: 32%;
                float: left;
                border-right: 1px solid #9e9e9e;
            }

    .ecensus-home-page .checkstatus-div {
        padding: 0px 15px;
    }

        .ecensus-home-page .checkstatus-div .hero-search {
            margin-top: 10px;
        }

            .ecensus-home-page .checkstatus-div .hero-search .form-control {
                height: 46px;
                font-size: 13px;
                padding: 6px 12px;
            }

            .ecensus-home-page .checkstatus-div .hero-search .input-group-btn .btn.btn-common {
                margin-left: 0px !important;
            }

    .ecensus-home-page .download-band .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }

    .ecensus-home-page .download-band .label-link {
        float: left;
        margin: 10px 40px 0px 0px;
        font-size: 15px;
    }

    .ecensus-home-page .footer {
        padding: 15px 0px;
    }

        .ecensus-home-page .footer .footer-logo-div {
            margin-left: -10px;
        }

            .ecensus-home-page .footer .footer-logo-div .footer-philipines-logo {
                width: 48%;
                float: left;
            }

            .ecensus-home-page .footer .footer-logo-div .footer-unisys-logo {
                width: 26%;
                margin-top: -5px;
                margin-right: 0px;
            }

        .ecensus-home-page .footer .footer-info-div {
            margin-top: 5px;
        }

            .ecensus-home-page .footer .footer-info-div .copyright-info p {
                font-size: 12px;
            }

                .ecensus-home-page .footer .footer-info-div .copyright-info p .fa {
                    font-size: 13px;
                }

            .ecensus-home-page .footer .footer-info-div .links {
                margin-top: 5px;
                padding-right: 30px !important;
            }

                .ecensus-home-page .footer .footer-info-div .links ul li {
                    margin-left: 12px;
                }

                    .ecensus-home-page .footer .footer-info-div .links ul li a {
                        font-size: 12px;
                    }

    .modal .modal-dialog.modal-lg {
        width: 600px;
        margin: 0 auto;
        top: 22%;
    }

    .modal .modal-dialog .modal-header .modal-title {
        font-size: 14px;
    }

    .modal .modal-dialog .modal-header .close {
        font-size: 25px;
        margin-top: -3px;
    }

    .modal .modal-dialog .modal-body {
        max-height: 230px;
        padding: 15px;
        padding-top: 10px !important;
    }

        .modal .modal-dialog .modal-body p {
            margin: 8px 0px;
        }

        .modal .modal-dialog .modal-body .btn {
            min-width: 65px;
            padding: 5px 10px;
        }

    #ImportantAnnouncement .modal-body .text-center {
        margin-bottom: 15px !important;
    }

    .request-certificate-wrapper {
        padding-top: 0;
    }

        .request-certificate-wrapper .header-wrapper {
            padding: 5px 12px 0px 12px;
        }

            .request-certificate-wrapper .header-wrapper .description {
                line-height: 23px;
                font-size: 12.5px;
            }

            .request-certificate-wrapper .header-wrapper .checkbox label {
                font-size: 12.5px;
            }

        .request-certificate-wrapper .btn {
            font-size: 12.5px;
            padding: 5px 8px;
        }

            .request-certificate-wrapper .btn .fa {
                font-size: 12.5px;
            }

        .request-certificate-wrapper .mt-10 {
            margin-top: 44px !important;
        }

    .ecensus-home-page .expandall-link-wrapper a {
        font-size: 12.5px;
        padding-bottom: 5px;
    }

    .ecensus-home-page .accordion.panel-group {
        margin: 0px 18px;
        font-size: 12.5px;
    }

        .ecensus-home-page .accordion.panel-group .panel-heading .accordion-toggle {
            font-size: 12.5px;
            padding: 8px 10px;
        }

        .ecensus-home-page .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding: 8px 15px;
        }

    .request-certificate-wrapper .btn-wrap {
        padding: 15px 20px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper p {
        margin: 2px 0px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .header {
        font-size: 13px;
        margin-bottom: 3px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .info-line {
        margin: 3px 0px;
    }

    #termsConditions .panel-body .terms-conditions-wrapper .terms-ml {
        margin-left: 20px !important;
    }

    .modal .question-answers-modal.modal-dialog .modal-body {
        max-height: 210px;
    }

    .question-answers-modal .modal-body .body-wrapper .heading {
        font-size: 13px;
        line-height: 20px;
    }

    .question-answers-modal .modal-body .body-wrapper .question-row {
        padding-bottom: 0px;
    }

    .question-answers-modal .modal-body .body-wrapper .question {
        font-size: 12px;
        margin-bottom: -5px !important;
    }

    .question-answers-modal .modal-body .body-wrapper .radio {
        margin-left: 18px;
    }

        .question-answers-modal .modal-body .body-wrapper .radio label {
            font-size: 12px;
        }

    .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
        height: 17px;
        min-width: 17px;
        font-size: 7px;
    }

    .question-answers-modal .modal-body .body-wrapper .text-right {
        margin-bottom: 15px;
    }

    .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
        font-size: 12px;
    }

    .birth-certificate-dashboard {
        padding: 13px 0px;
    }

    .ecensus-home-page .wizard {
        padding-bottom: 5px;
    }

        .ecensus-home-page .wizard ul {
            width: 100%;
        }

            .ecensus-home-page .wizard ul li {
                margin: 10px;
                font-size: 13px;
                padding: 0 10px 0 15px;
                line-height: 37px;
                margin-right: 20px;
            }

                .ecensus-home-page .wizard ul li .step {
                    margin-right: 5px;
                }

                .ecensus-home-page .wizard ul li .chevron {
                    border-width: 19px;
                    right: -16px;
                }

                    .ecensus-home-page .wizard ul li .chevron::before {
                        right: -1px;
                        border-width: 24px;
                    }

    .birth-certificate-dashboard .step-content {
        padding: 15px;
    }

        .birth-certificate-dashboard .step-content .step-pane .title {
            font-size: 14.5px;
            margin-bottom: 15px;
        }

    .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
        font-size: 12.5px;
    }

    .ecensus-home-page .form-control {
        font-size: 12.5px;
        padding: 5px 10px;
        height: 33px;
    }

    .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
        font-size: 12.5px;
        font-weight: 300;
    }

    .birth-certificate-dashboard .step-wizard-footer {
        padding: 0px 5px 3px 5px;
    }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 100%;
            padding-left: 0px;
        }

    .birth-certificate-dashboard .btn {
        font-size: 12.5px;
        min-width: 60px;
        padding: 5px 8px;
    }

        .birth-certificate-dashboard .btn .fa {
            font-size: 12.5px;
        }

    .birth-certificate-dashboard #simplewizardstep2 .radio-box {
        padding: 7px 10px;
        width: 29%;
        margin-bottom: 4px;
        margin-right: 22px;
    }

    .birth-certificate-dashboard .italic-tag {
        font-size: 12.5px;
    }

    .birth-certificate-dashboard .zip-code-find-div {
        margin-top: 0px;
    }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 65%;
            margin-top: 6px;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 22%;
            margin-top: 8px;
        }

    .ecensus-home-page .table.flip-content thead tr th {
        font-size: 12.5px !important;
    }

    .ecensus-home-page .table.flip-content tbody tr td {
        font-size: 12.5px !important;
        font-weight: 400 !important;
        padding: 9.7px !important;
    }

    .summary-mb-30 {
        margin-bottom: 20px !important;
    }

    .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
        display: block;
    }

        .summary-tab-div2 .table tbody tr td, .summary-tab-div3 .table tbody tr td {
            text-align: center;
        }

    .birth-certificate-dashboard #addNewReqBtn {
        margin-top: 5px;
    }

    .birth-certificate-dashboard .black-big-heading {
        font-size: 12.5px;
    }

    .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
        font-size: 12.5px;
    }

    .ecensus-home-page .form-value {
        font-size: 12.5px;
    }

    #AddNewRequestModal .modal-body .product-items {
        padding-top: 8px;
    }

        #AddNewRequestModal .modal-body .product-items .container {
            width: 98.5%;
        }

        #AddNewRequestModal .modal-body .product-items .hero-item {
            width: 28%;
            margin-bottom: 10px;
            margin-left: 25px;
            margin-right: 0px;
            padding: 0px;
        }

            #AddNewRequestModal .modal-body .product-items .hero-item .product-name {
                font-size: 14px;
            }

    .ecensus-home-page .confirmation-dialog {
        top: 23%;
        width: 68%;
        margin: 0 auto;
    }

        .ecensus-home-page .confirmation-dialog .modal-body {
            padding-top: 15px !important;
            font-size: 12.5px !important;
        }

    .announcement-section {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .announcement-section .board {
            padding-top: 8px;
            padding-left: 18px;
            padding-right: 18px;
        }

        .announcement-section .liner {
            top: 45%;
        }

        .announcement-section .nav-tabs > li a {
            height: 55px;
        }

        .announcement-section span.round-tabs {
            width: 25px;
            height: 25px;
        }

        .announcement-section p.narrow {
            font-size: 12.5px;
        }

        .announcement-section .date-info, .announcement-section .time-info {
            font-size: 12px;
        }

        .announcement-section .tab-content {
            padding: 12px;
        }
}
/* --------------------------------------- */
/* $$$$$$$$$ IPHONE X STYLES END $$$$$$$$$ */
/* --------------------------------------- */
/* ------------------------------------------------------------- */
/* $$$$$$$$$ SAMSUNG GALAXY S5/S7/S7 EDGE STYLES START $$$$$$$$$ */
/* ------------------------------------------------------------- */
/* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:430px) and (max-device-width:932px) and (orientation : portrait) {
    .VO-Image{
        width:300px !important;
    }
    .paymentlink {
        margin-bottom: 30px;
    }
}
@media(min-device-width:360px) and (max-device-width:640px) and (orientation : portrait) {
    #MenuBar {
        display: inline-grid !important;
        justify-content: normal !important;
    }
    .paymentlink {
        margin-bottom: 30px;
    }
    .surveypop {
        padding-top: 44%;
    }
    .spacecertifres {
        margin-top: 6px;
    }
    .psacenoali {
        margin-top: -24% !important;
    }
    .psadeathtextal {
        margin-top: 39px !important;
    }
    .psaoutbtnali {
        margin-left: 20px !important;
    }
    .psaoutbtnmarrali {
        margin-top: -7px !important;
    }
    .psaoutbtncenodeali {
        margin-top: -14px !important;
    }
    .zipcode {
        padding-left: 0% !important;
        margin-left: -3% !important;
        width: 113%;
    }
    .pickupPSA{
        line-height:120%;
    }
    .carousel-indicators {
        width: 75%;
        margin-left: -40%;
    }
    .item.active {
        padding-bottom: 3%;
    }
    .div_Marriage {
        width: 207px !important;
        margin-left: 4%;
    }
    .eerefcontnt {
        padding-left: 70px;
    }
    .eetxt {
        white-space: nowrap;
        padding-left: 62px;
    }
    .eerefno {
        display: inline-flex;
        padding-left: 4%;
        white-space:nowrap;
    }
    .vorefno {
        margin-left: -115% !important;
        margin-top: 17% !important;
        white-space: normal !important;
    }
    .VOText {
        margin-left: 0px !important;
        text-align: center;
    }
        .carousel-indicators {
            bottom: -48px !important;
        }
        .CenoDiv {
            display: grid !important;
            margin-left: 0% !important;
        }
        .EE_Div {
            white-space: normal !important;
        }

        .VO_Div {
            width: fit-content !important;
            white-space: normal !important;
            margin-right:6%;
        }
        .GovtText{
            width:80%;
        }
        .ReqAFPText {
            white-space: initial !important;
            text-align: center !important;
        }
        .AFP_ButtonDiv {
            padding-left: 4% !important;
        }
        .EE-Text {
            padding-left: 4% !important;
        }
        .AFP-Text {
            padding-left: 4% !important;
        }

        .VO_ImageDiv {
            padding-left: 10% !important;
        }

        .pickupress2 {
            width: 102px !important
        }

        .res-ack {
            width: 129px !important;
        }

        .res-iphone {
            padding: 15px;
        }

        .res-data {
            padding-top: 2%;
        }

        .iphone-res {
            margin-top: -56%;
        }

        .surveypopp {
            margin-right: 42px !important;
        }

        .columnOnline {
            width: 295px !important;
        }

        .requestnowbtn {
            margin-top: -9% !important;
        }

        .requestnowbtnd {
            margin-top: -44% !important;
        }

        .requestnowbtncd {
            margin-top: 64px !important;
        }

        .cenodethiconw {
            width: 36% !important;
        }

        .Div-position {
            flex-direction: column-reverse;
        }

        .imagesize {
            margin-top: 0% !important;
            margin-right: 21px !important;
        }

        .p1 {
            margin-bottom: 28px !important;
        }

        .linkres {
            padding-bottom: 27px !important;
        }

        .textalignmotoG {
            padding: 8px !important;
        }

        .div_CenemorAdd {
            margin-top: 5% !important;
        }

        .requescontrym {
            margin-left: -2.5% !important;
            max-width: 100% !important;
        }

        .requescontrymg {
            margin-left: -2% !important;
            max-width: 99% !important;
        }

        .logo_fit {
            padding-top: 10% !important;
        }

        .textspan {
            padding-top: 12px !important;
            margin-left: -8px !important;
        }

        .p_certificatetext {
            margin-right: 2% !important;
        }

        .boxwidth {
            max-width: 75% !important;
        }

        .cancelbtn {
            font-size: 13px;
            margin-right: 55%;
            margin-bottom: 6px;
        }

        .viewFBformbtn {
            width: 100% !important;
            margin-right: 65%;
        }

        .textpadding {
            padding-bottom: 18% !important;
        }

        .btnalign {
            margin-right: 4px !important;
            margin-left: -99% !important;
            margin-top: 61px !important;
        }

        

        .Galaxy_Res {
            margin-left: -1% !important;
            margin-top: 5% !important;
        }

        .Galaxys8_res {
            margin-left: 0% !important;
            margin-top: 5% !important;
        }

        .galaxyres {
            width: 207% !important;
            margin-left: -31% !important;
        }

        .gapbtwslidemoto {
            margin-top: 1%
        }

        .findoutlet {
            white-space: nowrap;
        }

        .eebuttonali {
            height: 55px !important;
        }

        .arrowalign {
            margin-top: 52px !important;
            margin-right: 3px !important;
        }

        .cenodethword {
            position: absolute;
            padding-left: 29%;
            padding-top: 16%;
        }

        .motoreque {
            width: 334px !important;
            margin-left: -23px !important;
        }

        .reqdeth {
            margin-left: 6px !important;
            width: 216px !important;
            margin-top: 8px !important;
        }

        .reqmarr {
            margin-left: -2px !important;
        }

        .deathreq {
            margin-left: 0% !important;
        }

        .cenodeathreq {
            margin-right: 30% !important;
            width: 78% !important;
        }

        .AndroidMenubar {
            padding: 3px !important;
            width: 125% !important;
        }

        .fourdiv {
            display: inline-flex;
            flex-wrap: wrap;
        }

        .fisrtablee {
            width: 122% !important;
        }

        .eerequbo {
            padding-top: 5% !important;
        }

        .voimagesize {
            width: 250px !important;
        }

        .secondtablee {
            width: 122% !important;
        }

        .AddressRes {
            margin-left: 4%;
        }

        .psaaddreali {
            margin-top: -15% !important;
            margin-left: -6% !important;
        }

        .psaalig {
            padding-left: 4% !important;
        }

        .contactal {
            font-size: 15px !important;
        }

        .LBCNo {
            width: 90%;
        }

        .imagemoto {
            padding-bottom: 307% !important;
        }

        .paragrag {
            width: 373% !important;
        }

        .eebirt {
            margin-left: -121% !important;
        }

        .resp-certtype {
            height: 45px;
        }

        .resp-docowner {
            height: 50px;
        }

        .resp-eventdate, .resp-eventplace, .resp-copies {
            height: 40px;
        }

        .resp-amount {
            height: 40px;
            padding-top: 10px !important;
        }

        div .resp-action {
            height: 40px;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .responsive-tablerow {
            display: grid !important;
        }

        div .table-action {
            padding-left: 7px !important;
        }

        .responsive-reqname {
            height: 34px;
        }

        .responsive-reqemail {
            height: 45px;
        }

        .responsive-reqmob {
            height: 45px;
        }

        .responsive-reqaction {
            height: 40px;
        }

        .menubarali {
            overflow-y: visible !important;
        }

        .eebirthbu {
            margin-top: 211px !important
        }

        .eebutt {
            width: 246px !important;
        }

        .buttee {
            margin-left: 38px !important
        }

        .eemarrd {
            margin-left: -121% !important;
        }

        .Viewableo {
            width: 100% !important;
        }

        .viewh {
            line-height: 36px !important;
        }

        .Viewableceono {
            width: 100% !important;
        }

        .Viewbott {
            margin-left: 39px !important;
        }

        .Radio-Div {
            padding-left: 2% !important;
            padding-top: 2%;
        }

        .LBCYes {
            width: 90%;
        }

        .Radio-Div {
            padding-left: 1%;
        }

        .deliverylabel2 {
            padding-left: 0% !important;
        }

        .padding {
            padding: 0% !important;
        }

        .thirdtablescroll {
            width: 100% !important
        }

        .tablescroll {
            overflow: scroll;
            width: 330px;
        }

        .qesheading {
            margin-left: 1% !important;
            font-size: 20px !important;
        }

        .quespopali {
            width: 327px !important;
            margin-right: 18px !important;
        }

        .qusothers {
            margin-left: -5px !important;
            font-size: 13px !important;
        }

        .quesothererror {
            padding-left: 19px !important;
        }

        .qusother {
            margin-left: 26px !important;
        }

        .questionAnserPopup {
            width: 100%;
            font-size: 27px;
        }

        .SubmitQues {
            width: 53%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .Cancelques {
            width: 53%;
            float: left;
            margin-left: 19%;
        }

        .paymentalinment {
            margin-left: -1% !important;
        }

        .qesheading {
            margin-left: 1% !important;
            font-size: 20px !important;
        }

        .paymenthed {
            margin-left: 0% !important;
        }

        .staticpadd {
            padding-left: 4px !important;
        }

        .feesmargin {
            margin-top: 0px !important;
            margin-left: 28px !important;
        }

        .feesalign {
            margin-left: 1px !important;
        }

        .questionAnserPopup {
            width: 100%;
            font-size: 27px;
        }

        .SubmitQues {
            width: 53%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .paymentalinment {
            margin-left: -1% !important;
        }

        .Cancelques {
            width: 53%;
            float: left;
            margin-left: -2%;
        }

        .paymentalinment {
            margin-left: -1% !important;
        }

        .masterLayoutFooter {
            margin-top: 0% !important;
        }

        .action {
            line-height: 29px !important;
        }

        .td-position {
            line-height: 31px !important;
        }

        .logo-aboutUs {
            width: 50% !important;
        }

        .Resp-menubar {
            width: 100%;
        }

        .logo-aboutUsUnisys {
            width: 36% !important;
        }

        .uniyslogo {
            width: 107px !important;
            padding-top: 17%;
            margin-right: 0% !important;
            float: left !important;
        }

        .logodiv {
            width: 30% !important;
            float: left;
            padding-top: 20px;
        }

        .dhl-btncancel {
            float: right;
        }

        .addline {
            width: 102% !important;
        }

        .nav-position {
            padding-bottom: 0% !important;
            padding-top: 1% !important;
        }

        .table-th-amount {
            float: right !important;
            padding-right: 67% !important;
        }

        .dhl-btnsubmit {
            float: right;
        }

        .dhl-confno {
            float: left;
            padding-top: 20%;
        }

        .cenomar-model {
            width: 335px !important;
            top: 0% !important;
            /*margin-left:13px !important;*/
        }

        .Ipad-DHL {
            overflow-x: hidden;
        }

        .DHLipad {
            min-height: 393px;
            width: 277px;
            overflow-y: hidden !important;
        }

        .DHL-ipad {
            min-height: 393px;
            width: 277px;
        }

        .dhlBody {
            overflow-x: hidden;
        }

        .cenomar-popup {
            max-height: 450px !important;
        }

        .cenomar-heading {
            font-size: 16px !important;
        }

        .cenomar-resp {
            width: 44%;
        }
        /*.dhl-pieceid{
    float: right !important;
    margin-right: 27% !important;
}*/
        .buttons {
            margin-left: 0% !important;
        }

        .dhl-container {
            height: auto !important;
        }

        .buttoncansub {
            padding-top: 9% !important;
            float: left;
            margin-left: 0% !important;
        }

        .validationMessage {
            margin-left: 10px !important;
            margin-top: 0px !important;
        }
        /*.conf-dhl{
     padding-left: 5% !important;
    }*/
        .conf {
            margin-left: 15px !important;
        }

        .terms-div {
            padding-bottom: 0% !important;
        }

        .res-terms {
            height: 90px;
        }

        #collapseFive {
            max-height: 82px !important;
        }

        #collapseF {
            max-height: 82px !important;
        }

        .buttonpiece {
            padding-right: 0% !important;
        }

        .conf-label {
            width: 96%;
            padding-top: 6%;
        }

        #InputError span.wrong-field {
            padding-left: 25%;
            margin-top: 0px !important;
            margin-left: 0px !important;
        }

        .div-notopted {
            float: right;
            padding-right: 31%;
        }

        #InputError {
            float: left !important;
        }

        .pieceid-div {
            bottom: 124px;
            padding-right: 0% !important;
            margin-right: -3% !important;
            float: left !important;
        }

        .dhl-div {
            top: 9% !important;
        }

        .DHL-content {
            margin-left: 8% !important;
            margin-top: 62px !important;
        }

        .dhl-conf {
            padding-left: 5% !important;
        }

        .dhlres-div {
            height: 487px !important;
        }

        #inputerror span.wrong-field {
            margin-left: 56px !important;
            margin-top: 0px !important;
        }

        #inputerror {
            float: right !important;
            margin-right: 76% !important;
            padding: 0% !important;
        }

            #inputError .wrong-field {
                margin-left: 12px !important;
                margin-top: 0px !important;
            }

        .dhlPieceID {
            margin-right: 0px !important;
        }

        .dhlConfirmationNO {
            margin-top: 11px !important;
            margin-bottom: 0px !important;
        }

        .fedexHeader {
            margin-left: 8px !important;
            padding-top: 0px !important;
        }

        .dhlbtn-div {
            float: none !important;
        }

        #Error span.wrong-field {
            margin-left: 7px !important;
            margin-top: 0px !important;
        }

        .cancel-button {
            margin-left: 2% !important;
        }

        .dhl-img1 {
            margin-top: -3px !important;
        }

        .avail-button {
            font-size: 10px !important;
            width: 94% !important;
            margin-left: 2% !important;
        }

        .alert-text {
            padding-bottom: 100% !important;
            padding-top: 17% !important;
        }

        .dhl-image {
            margin-top: -3% !important;
        }

        .fedExDiv {
            box-shadow: 2px 2px 8px rgb(0 0 0 / 50%);
            transform: translate3d(0, 0%, 0);
            border-radius: 8px;
        }
        /*.dhl-res{
        font-size: 23px !important;
    line-height: 24px !important;*/
        /*}*/
        .dhl-cancel {
            font-size: 10px;
            margin-left: -25%;
        }

        .dhl-avail {
            font-size: 10px !important;
            width: 97% !important;
            padding-left: -1% !important;
            margin-left: 4% !important;
        }

        .mail-div {
            border: none !important;
        }

        .dhlbtn-div {
            /*margin-right: 55%!important;*/
            padding-top: 5%;
        }

        .dhl-mail {
            height: 430px !important;
        }

        .canceldhl {
            margin-bottom: 3% !important;
            /*left: 32% !important;*/
        }

        .image-dhl {
            width: 333px !important;
        }

        .DHL-DIV {
            width: 282px !important;
            /*box-shadow: 2px 2px 8px rgb(0 0 0 / 50%);
        transform: translate3d(0, 0%, 0);*/
            /*margin-left: -6.7% !important;*/
        }

        .btn-div {
            float: right !important;
            /*margin-right:7% !important;*/
        }

        .btn-div2 {
            float: right !important;
            margin-right: 0% !important;
            top: -3% !important;
        }

        .fedexContent {
            width: 286px !important;
            /*max-height: 550px !important;*/
            padding: 2px;
            font-size: 12px;
            padding-top: 10px !important;
            overflow-y: scroll !important;
        }

        .reupload-exp {
            padding-bottom: 100% !important;
            padding-top: 17% !important;
        }

        .linkdiv {
            padding-bottom: 100% !important;
            padding-top: 17% !important;
        }

        .dfa-ack {
            float: none !important;
        }

        .ipad-dfa {
            line-height: 1.9 !important;
            padding: 11.7px !important;
            border-bottom: 0px !important;
        }

        .dfa-div {
            padding-right: 4% !important;
        }

        .date-paid {
            padding-right: 8% !important;
        }

        #Doc-one {
            width: 500px !important;
        }

        .localdiv {
            float: left !important;
        }

        .dfa-action {
            padding-bottom: 13.5% !important;
        }

        .dfa-requester {
            display: grid !important;
        }

        .paydfa-table {
            margin-top: 9% !important;
        }

        .payment-dfa {
            padding-bottom: 45%;
        }

        .resfilename {
            margin-left: 8px !important;
        }

        .localaddress {
            padding-left: 2.4% !important;
        }


        .uploadtable-display {
            display: flex !important;
        }

        .loa-res {
            margin-left: 0% !important;
        }

        .LOA-div {
            width: 33% !important;
        }

        .consentextDiv {
            padding-left: 9px !important;
        }

        .file-name {
            width: max-content !important;
        }

        .third-divlabel {
            padding-left: 13px !important;
        }

        .dfa-span {
            float: right !important;
            margin-right: 11% !important;
        }

        .uploadcontent {
            width: 150%;
            overflow-x: auto;
        }

        .upload-aagree {
            text-align: justify;
            font-size: 12px !important;
        }

        .upload-consent {
            text-align: justify !important;
        }
        /*.template-span{
        margin-left: 8%;
    }*/
        .upload-table {
            display: inline-flex !important;
        }

        .upload-action {
            min-height: 33px !important;
        }

        .template-div {
            margin-left: 22px !important;
            height: 24px !important;
        }

        .deliveryToEmbDiv {
            width: 100% !important;
        }

        .loa-div {
            width: 32% !important;
            margin-left: 2%;
        }

        .deliveryToEMbRadioDiv {
            width: 100% !important;
        }

        .findit-res {
            width: 36% !important;
            right: 57% !important;
            top: 12% !important;
        }

        .contactus-sendbtn {
            padding-left: 13% !important;
            padding-right: 22% !important;
        }

        .resp-contactus {
            display: grid;
            -webkit-box-orient: vertical;
            margin-top: 5%;
            overflow-y: auto !important;
            border: none !important;
        }

        .contactUs {
            -webkit-box-ordinal-group: 2;
            order: 1;
            width: 100%;
        }

        .contactUsFormPage {
            -webkit-box-ordinal-group: 1;
            order: 0;
            width: 100% !important;
        }

        .contactUsForm .form-control {
            width: 71% !important;
        }

        .contactUsWrapperDiv {
            margin: 0% !important;
            margin-bottom: 5% !important;
        }

        .contactUsForm {
            padding-right: 0px !important;
        }

        .refNumber .form-control {
            width: 68% !important;
        }

        .navBarResp {
            height: 115px !important;
        }
        /*.line-res{
      padding-left:0% !important;
    }*/
        .credit-payment {
            width: 75% !important;
        }

        .errorMsgP {
            width: 80%;
        }

        .ref-div, .refGoDiv .col-lg-4 {
            width: 60% !important;
            padding-left: 0px !important;
        }

        .textdiv {
            width: 100% !important;
        }

        .button-align {
            width: 20% !important;
            position: initial;
        }

        .ref-div .form-control {
            width: 100% !important;
        }

        .middletd {
            padding-bottom: 5.5% !important;
        }

        .first-td {
            padding-bottom: 3.5% !important;
        }

        .ack-amountres {
            float: left !important;
        }

        .goBtnSpan {
            padding-top: 0.7% !important;
        }

        .Refbox-res {
            padding-left: 4% !important;
        }

        .goBtnCls {
            padding-left: 14px !important;
            padding-right: 14px !important;
            padding-top: 10px !important;
            padding-bottom: 22px !important;
        }

        .commentDiv {
            padding-left: 0px !important;
            padding-right: 18px !important;
        }

        .GetPSA {
            width: 77%;
        }

        .colDiv {
            width: 100%;
        }

        .firstCol {
            width: 69% !important;
        }

        .contactus-div {
            margin-top: 0% !important;
        }

        .payment-p {
            line-height: 1.5 !important;
        }

        .aboutUsPara {
            padding-left: 0px !important;
        }

        .Refno {
            width: 62% !important;
        }

        /*.menubar {
        margin-top: -3.7% !important;
    }*/

        .secondHeading {
            padding-left: 0px !important;
        }

        .resp-transaction {
            padding-top: 12% !important;
        }

        .courierUrlResp {
            line-height: 30px !important;
        }

        .resultDesc {
            width: 90% !important;
        }

        .flip-scroll thead.bordered-palegreen > tr > th {
            border-right: 0px solid #a0d468 !important;
        }

        .privacyPlicyResp {
            padding-top: 5% !important;
        }

        .fedex-res .fedExdivinputradio {
            padding-left: 9%;
            padding-bottom: 3%;
        }

        .payment-top {
            margin-top: 50% !important;
        }

        .requiredmsg {
            float: initial !important;
        }

        .qus-popup {
            margin-top: 18%;
        }

        .pay-button {
            margin-left: -15%;
        }

        .td-data {
            width: 79%;
        }

        .res-table {
            margin-right: 0% !important;
            margin-left: 1%;
        }

        .delivery-info {
            margin-left: 1% !important;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 27%;
            margin-top: 34px;
            right: 37%;
        }

        .res-img {
            width: 48%;
        }

        .Refno {
            width: 62% !important;
        }

        .commentbox {
            height: auto !important;
            width: 66% !important;
        }

        .contactus-sendbtn {
            margin-right: 30%;
        }

        .contactus-qus {
            width: 102%;
            margin-left: -4%;
        }

        .ack-div {
            margin-top: 5%;
        }

        .ack-ref {
            margin-left: 32%;
        }

        .ack-data {
            padding-left: 4%;
        }

        .resp-question {
            height: 50% !important;
            width: 67% !important;
            margin-left: 0% !important;
        }

        .data-responsive {
            width: 100%;
        }

        .label-content {
            margin-left: 0px;
            width: 80%;
        }

        .payment-res {
            /*width: 97%;*/
            border: none;
        }

        .button-position {
            padding-right: 0% !important;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-top: 5px;
            width: 35% !important;
            position: absolute;
            right: 65%;
            top: 0px;
        }

        .fedex-res .fedExdivinput {
            padding-left: 6%;
        }

        .fedex-res .fedExdivlabel {
            padding-left: 6%;
        }

        .fedex-res .fedex-acno {
            width: 100% !important;
        }

        .fedex-res #spanpriorityNo {
            width: 85%;
        }

        .fedex-res #addFedExButton {
            margin-left: 0%;
        }

        .unionBankBranch {
            margin-left: 0% !important;
            margin-right: 0% !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .UBTableDiv .companyCol {
            padding-top: 8%;
        }

        .UBTableDiv .subscrCol {
            padding-top: 8%;
        }

        .UnionBankOnline {
            margin-left: 0% !important;
            margin-right: 0% !important;
            margin-bottom: 10%;
        }

            .UnionBankOnline .UBO-heading {
                margin-left: 0px;
                margin-top: 5%;
            }

            .UnionBankOnline .UBOnline {
                margin-left: 24px;
                padding-right: 7%;
            }

        .table-xs {
            width: 100%;
        }

        .table-heading h1 {
            font-size: 30px !important;
            padding-bottom: 10px;
        }

        .delivery {
            padding-left: 0px !important;
            padding-right: 0px !important;
            border: none !important;
            margin-left: 1% !important;
        }

        .ecensus-home-page .home-slider {
            height: 32vh;
        }

        .home-align {
            padding-left: 6% !important;
        }

        .forwardArrow {
            top: 0% !important;
        }

        .responsive-div {
            padding-left: 6% !important;
        }

        .arrow-responsive {
            float: right;
            margin-top: -74%;
            transform: rotate(90deg);
        }

        .box-res {
            margin-top: 5%;
            margin-left: 5%;
        }

        .responsive-announcement {
            word-break: break-word;
        }

        .arrow-res {
            margin-top: -62%;
            float: right;
            transform: rotate(90deg);
        }

        .Refbox-res {
            padding-top: 0% !important;
            margin-left: 23% !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .header-res {
            font-size: 19px !important;
        }

        .responsivediv {
            padding-right: 8% !important;
            padding-left: 10% !important;
            /*width: 100% !important;*/
        }

        .responsive-logo {
            width: 56% !important;
        }

        .responsive-Creativelogo {
            width: 32% !important;
        }

        .ml-space {
            font-size: 10px !important;
            line-height: 14px !important;
        }

        .header-responsive {
            font-size: 12px !important;
        }

        .consent-top {
            margin-top: 45%;
            overflow-y: auto !important;
        }

        .consent {
            line-height: 25px !important;
            font-size: 16px !important;
            font-weight: bold !important;
        }

        .addNewRequestPopUp .close {
            margin-left: 89.5% !important;
        }

        .addRequest {
            text-align: start;
            padding-top: 40px;
        }


        .heading {
            margin-left: 18px;
        }

        .contactUs {
            padding-top: 1% !important;
        }

        .slDots {
            bottom: 15px;
        }

        .ecensus-home-page .home-slider .slItems .slText .form-control {
            width: 81%;
            margin-left: 15px;
        }

        .tbody tr td {
            font-size: 12px !important;
        }

        .hero-search {
            width: 121% !important;
            margin-left: 4%;
        }

        .ecensus-home-page .heading-underlined h1 {
            font-size: 25px !important;
            margin-top: 0px;
        }

        /*.mt-10 {
        margin-top: 12px !important;
        font-size: 15px;
    }*/

        .main-content {
            padding-top: 0%;
        }

        .ecensus-home-page .table.flip-content tbody tr td {
            padding-right: 68% !important;
            padding: 11px;
            text-align: start;
            width: 107% !important;
        }

        .table-td-amount {
            float: left !important;
        }

        .ecensus-home-page .wizard ul {
            width: 2192%;
            margin-top: 8%;
        }

        .flip-scroll tbody tr {
            margin-left: 0%;
          
        }

        .ecensus-home-page .table.flip-content thead tr th {
            text-align: start;
        }

        .numSpan {
            width: 17px !important;
            text-align: left !important;
        }

        .td_data {
            width: 100% !important;
        }

        .wizard ul li {
            float: none;
        }

        .table-width {
            text-align: start;
        }

        #birth-certificate-dashboard .wizard ul li {
            width: 0px;
        }

        .request {
            width: 0% !important;
        }

        .table-th-Action {
            padding-top: 46px !important;
        }

        .address_responsive {
            line-height: 32px !important;
        }

        .requester-table {
            width: 152% !important;
            overflow-x: auto;
        }
        /*.address_requester {
        width: 152% !important;
        overflow-x:auto;
    }*/

        .ack_amount {
            width: 94% !important;
            float: left !important;
        }

        /*.fedexContent h4 {
        margin-top: 12%;
    }*/

        /*.fedexContent {
        padding-bottom: 18%;
    }*/

        #addFedExButton, #cancelFedExButton {
            white-space: normal;
        }

        /*.table-th-amount {
        float: left !important;
    }*/

        .table-th-amount-ack {
            width: 100% !important;
            padding-bottom: 22px !important;
        }

        .step-wizard-footer {
            padding-top: 4% !important;
        }

        button-proceed {
            width: 95% !important;
        }

        #AddNewRequestModal .modal-dialog {
            width: 272px;
        }

        .div_Birth {
            margin-left: 5px !important;
            margin-bottom: 3% !important;
            width: 119%;
        }

        .div_Death {
            margin-left: 29px;
            margin-bottom: 0% !important;
            margin-top: 6px !important;
        }

        /*.birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
        width: 100% !important;
        padding-left: 10px !important;
    }*/


        .ecensus-home-page .footer .footer-info-div .links {
            text-align: center;
            margin-right: 44%;
        }

        .question-answers-modal .modal-body .body-wrapper .radio {
            position: relative;
            right: 7%;
        }

        .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
            font-size: 11px !important;
            margin-left: 0%;
        }

        .birth-certificate-dashboard .step-content .step-pane .title {
            font-size: 15px;
            margin-bottom: 0px;
            margin-top: 11px !important;
        }

        .ecensus-home-page .table.flip-content thead tr th, tbody tr td {
            font-size: 11px !important;
            padding-left: 2% !important;
        }

        #iAgree {
            -webkit-appearance: checkbox !important;
            opacity: 1 !important;
            left: 19px !important;
            /*bottom: 1px !important;*/
        }

        .ecensus-home-page .footer .footer-info-div .links ul {
            width: 150%;
        }

        .column {
            height: 651px !important;
            width: 271px !important;
        }

        .div_birth {
            margin-top: 184px !important;
            margin-left: 0%;
            margin-left: 0% !important;
            width: 100% !important;
        }

        .div_birthmotoG {
            margin-top: 174px !important;
            margin-left: -3%;
        }

        .onlineapplication_birthimg {
            margin-left: 33% !important;
        }
    .psaoutapplication_birthimg {
        margin-left: 23% !important;
    }
        .div_marriage {
            margin-top: 126px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_marriageimg {
            margin-left: 31% !important;
        }

        .div_death {
            margin-top: 210px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_deathimg {
            margin-left: 32% !important;
        }

        .div_cenomar {
            margin-top: 71px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 32% !important;
        }

        .faqService {
            margin-top: 75px !important;
        }

        .onlineapp-responsive {
            line-height: 82% !important;
        }

        .input-group-lg {
            width: 63%;
        }

        .td_amount {
            padding-bottom: 63px !important;
        }

        .tdPaddinTopZero {
            padding-bottom: 8% !important;
        }

        .responsive-birth {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 3% !important;
        }

        .responsive-marriage {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 3% !important;
        }

        .responsive-death {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 3% !important;
        }

        .responsive-cenomar {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 3% !important;
        }

        .responsive-border {
            padding-top: 0%;
            padding-bottom: 30%;
            padding-left: 1%;
            margin-left: 2%;
            margin-right: 3%;
        }

        #responsive-Lname {
            padding-left: 0%;
        }

        #responsive-Tname {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Lcard {
            padding-left: 0%;
        }

        #responsive-Tcard {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Lauthorization {
            padding-left: 0%;
        }

        #responsive-Tauthorization {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Lamount {
            padding-left: 0%;
        }

        #responsive-Tamount {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Ldate {
            padding-left: 0%;
        }

        #responsive-Tdate {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Lref {
            padding-left: 0%;
        }

        #responsive-Tref {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-LRname {
            padding-left: 0%;
        }

        #responsive-TRname {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Ldelivery {
            padding-left: 0%;
        }

        #responsive-Tdelivery {
            margin-top: -8%;
            padding-left: 50%;
        }

        #responsive-Lpaid {
            padding-left: 0%;
        }

        #responsive-Tpaid {
            margin-top: -8%;
            padding-left: 50%;
            width: 112%;
        }

        .responsive-PGamt {
            line-height: 182% !important;
        }

        #cname {
            padding-bottom: 1% !important;
        }

        #cnumber {
            padding-bottom: 1% !important;
        }

        #authorization {
            padding-bottom: 1% !important;
        }

        #amount {
            padding-bottom: 1% !important;
        }

        #date {
            padding-bottom: 1% !important;
        }

        #referenceno {
            padding-bottom: 1% !important;
        }

        #rname {
            padding-bottom: 1% !important;
        }

        #delivery {
            padding-bottom: 1% !important;
        }

        #paid {
            padding-bottom: 1% !important;
        }

        .resp-credit-terms {
            padding-top: 6%;
        }

        #resp-payment-p1 {
            font-size: 12px !important;
        }

        #resp-payment-p2 {
            font-size: 11px !important;
        }

        #resp-payment-p3 {
            font-size: 11px !important;
        }

        .payment-scroll {
            overflow-y: visible !important;
            position: relative !important;
            overflow-x: scroll !important;
        }

        #resp-payment-credit {
            padding-top: 5%;
            padding-bottom: 31%;
        }

        .instruction {
            margin-top: 19% !important;
        }

        .text-center {
            margin-top: 0% !important;
        }

        #ImpNotice {
            padding-left: 17px !important;
            padding-right: 17px !important;
        }

        .AckTabRefernceValtop {
            padding-top: 0% !important;
        }

        .AckRequester_Value {
            word-break: break-all;
        }

        .fedex-res {
            width: 500px;
        }
        /*.fedExDiv{
        overflow-x: scroll;
    }*/

        /*.avil-button {
        width: 343px !important;
        left: 32% !important;
    }*/
        .DHL-responsive {
            width: 364px !important;
            margin-left: -4px !important;
        }

        .img-screen {
            overflow-x: scroll !important;
        }

        .img1-screen {
            width: 303px !important;
        }

        .btns-jobaid {
            padding-right: 0% !important;
        }

        .dhlContent {
            margin-left: 0% !important;
            margin-top: 0px !important;
        }

        .dhlTitle {
            margin-left: 5px !important;
            font-size: 20px !important;
        }
        /*#cancelFedExButton {
        width: 44% !important;
    }
    #addDHLButton {
    width: 44% !important;
}*/
        #dhlExpressCancel {
            width: 100px !important;
        }

        #dhlExpressSubmit {
            width: 100px !important;
        }
    }

    /* &&&&&&& NEXUS &&&&&&& */
    @media(min-device-width:384px) and (max-device-width:640px) and (orientation : portrait) {
        .logo_fit {
            padding-top: 3% !important;
        }
    }
    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:360px) and (max-device-width:640px) and (orientation : landscape) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* ----------------------------------------------------------- */
    /* $$$$$$$$$ SAMSUNG GALAXY S5/S7/S7 EDGE STYLES END $$$$$$$$$ */
    /* ----------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------- */
    /* $$$$$$$$$ SAMSUNG GALAXY S8/S8+/S9/S9+/SAMSUNG GALAXY NOTE 9 STYLES START $$$$$$$$$ */
    /* ----------------------------------------------------------------------------------- */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */

    @media(min-device-width:353px) and (max-device-width:745px) and (orientation : portrait) {
        .div_birthmotoG {
            margin-top: 152px;
            margin-left: 0%;
        }

        .EE_Div {
            white-space: normal !important;
        }

        .EE-Text {
            padding-left: 4% !important;
        }

        .Div-position {
            flex-direction: column-reverse;
        }

        .imagesize {
            margin-top: 0% !important;
            margin-right: 21px !important;
        }

        #InputError {
            float: left !important;
        }

        .AddressRes {
            margin-left: 4%;
        }

        .requescontrym {
            margin-left: -2.5% !important;
            max-width: 100% !important;
        }

        .Radio-Div {
            padding-left: 2% !important;
        }

        .deliverylabel2 {
            padding-left: 0% !important;
        }

        .viewhe {
            line-height: 34px !important;
        }

        .unisysaddreali {
            padding-left: 0% !important;
            margin-top: -11% !important;
        }

        .psaalign {
            padding-left: 4% !important;
        }

        .viewbu {
            width: 244px !important
        }

        .viewbutton1 {
            margin-left: 32px !important;
        }

        .eehed {
            margin-left: -173px !important
        }

        .eebu {
            width: 246px !important
        }

        .eebutton {
            margin-left: 40px !important
        }

        .tablescroll {
            overflow: scroll;
            width: 330px;
        }

        .fontcopies {
            font-size: 10px !important
        }

        .paymentalinment {
            margin-left: -1% !important;
        }

        .quespopali {
            width: 327px !important;
            margin-right: 1px !important;
        }

        .qusother {
            margin-left: 22px !important;
        }

        .SubmitQues {
            width: 53%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .Cancelques {
            width: 53%;
            float: left;
            margin-left: 19%;
        }

        .masterLayoutFooter {
            margin-top: 38%;
        }

        .responsive-announcement {
            word-break: break-word;
        }

        .uniyslogo {
            width: 107px !important;
            padding-top: 17%;
            margin-right: 0% !important;
        }

        .nav-position {
            padding-bottom: 0% !important;
            padding-top: 1% !important;
        }

        .Ipad-DHL {
            overflow-x: hidden;
        }

        .dhlTitle {
            font-size: 20px !important;
        }

        .DHL-ipad {
            min-height: 393px;
            width: 277px;
        }

        .div-bottom {
            padding-bottom: 10% !important;
        }

        .buttoncansub {
            margin-left: 0% !important;
        }

        .res-terms {
            height: 147px;
        }

        #InputError span.wrong-field {
            padding-left: 25%;
            margin-top: 0px !important;
            margin-left: 0px !important;
        }

        .dhl-avail {
            font-size: 10px !important;
            width: 97% !important;
            padding-left: -1% !important;
            margin-left: 4% !important;
            margin-top: 2%;
        }

        .buttonpiece {
            padding-right: 0% !important;
        }

        .DHL-responsive {
            width: 364px !important;
            margin-left: -4px !important;
        }

        .DHL-DIV {
            width: 282px !important;
            /* margin-left: -6.7% !important; */
        }

        .dhl-image {
            margin-top: -3% !important;
        }

        .btn-div {
            float: right !important;
            /*margin-right: 7% !important;*/
            margin-left: 1% !important;
        }

        .img1-screen {
            width: 278px !important;
        }

        .fedexContent {
            width: 286px !important;
            /*max-height: 550px !important;*/
            padding: 2px;
            font-size: 12px;
            padding-top: 10px !important;
            overflow-y: scroll !important;
        }
    }

    @media(min-device-width:360px) and (max-device-width:740px) and (orientation : portrait) {
        .ecensus-home-page .home-slider {
            height: 26vh;
        }
        .paymentlink {
            margin-bottom: 30px;
        }
        .btnalign2 {
            margin-right: 4% !important;
        }

        .GalaxyRes {
            margin-left: 0% !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .addreali {
            padding-left: 6% !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .mt-0 {
            margin-top: -30px !important;
        }

        .slDots {
            bottom: 16px;
        }

        .ecensus-home-page .home-slider .slItems .slText .form-control {
            width: 81%;
            margin-left: 8px;
        }

        .heading-underlined {
            padding-top: 10% !important;
        }

        .border {
            padding-top: 0%;
            padding-bottom: 30%;
        }

        .lr-padding-0.heading-underlined p {
            font-size: 15px;
        }

        .locAdd {
            font-size: 12px;
        }

        .ans_field {
            margin-left: -14px !important;
            width: 67% !important;
            height: 70px !important;
        }

        .contactUsForm .row textarea {
            min-height: 35px !important;
        }

        .save {
            margin-right: 135px;
            height: 40px;
        }

        .contactUsForm .row label {
            font-weight: 600;
            margin-left: 1px;
        }

        .ecensus-home-page .slide-contact .contact-form .form-control {
            margin-bottom: 15px !important;
        }

        .ecensus-home-page label {
            font-size: 12px !important;
            margin-left: 1%;
        }

        .ecensus-home-page .heading-underlined h1 {
            font-size: 20px !important;
        }

        .lr-padding-0.heading-underlined p {
            font-size: 13px !important;
        }

        .col-md-7 {
            padding-right: 0px;
            padding-left: 0px;
        }

        .ecensus-home-page .slide-contact .contact-form {
            width: 140%;
        }

        .col-sm-6, .col-md-6, .col-lg-6 {
            position: relative;
            min-height: 1px;
            padding-right: 0%;
            padding-left: 0%;
            width: 95%;
        }

        .image_Birth {
            padding-left: 4%;
            padding-top: 1%;
        }

        .image_Marriage {
            padding-left: 4%;
            padding-top: 1%;
        }

        .image_Death {
            padding-left: 4%;
            padding-top: 1%;
        }

        .image_cenomar {
            padding-left: 4%;
            padding-top: 1%;
        }

        .instruction {
            margin-bottom: 6%;
        }

        .copyright-info {
            padding-left: 6%;
            padding-bottom: 0%;
        }


        .col-md-4, .col-lg-4 {
            padding-left: 6% !important;
            padding-bottom: 1%;
            padding-top: 1%;
        }

        .certificate {
            padding-left: 6% !important;
            padding-top: 3% !important;
        }

        .form-group {
            margin-bottom: 1px;
            margin-top: 0px;
        }

        .col-lg-4 {
            padding-left: 45%;
            padding-bottom: 0%;
            font-size: 12px;
            font-weight: bold;
            padding-top: 0% !important;
        }

        .p_certificate, .p_payment, .p_delivery {
            margin-top: 7px;
        }

        .seperator {
            width: 80%;
            margin-left: 6% !important;
            padding-top: 15% !important;
            height: 0% !important;
        }

        .delivery {
            padding-bottom: 12%;
        }

        .ecensus-home-page .navbar-default .hero-search .input-group-btn .btn.btn-common {
            padding-top: 7px;
        }

        .heading-underlined {
            padding-top: 4% !important;
        }

        .resp-transaction {
            padding-top: 12% !important;
        }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 100%;
            padding-left: 53px;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-top: 1px !important;
            width: 38% !important;
            position: absolute;
            right: 57%;
            top: 0px !important;
        }

        .responsive-add1 {
            margin-left: 4% !important;
        }

       
        .responsive-add2 {
            margin-left: 4% !important;
        }
        .birth-certificate-dashboard .zip-code-find-div a {
            width: 45%;
            margin-top: 34px;
            right: 8%;
        }

        #divBirth1 {
            margin-left: 2.5%;
        }

        .tablee {
            width: 50%;
        }
    }
    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:360px) and (max-device-width:740px) and (orientation : landscape) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* &&&&&&& PIXEL DEVICES &&&&&&& */
    @media(min-device-width:411px) and (max-device-width:731px) and (orientation : portrait) {
       /* .iphone_foot {
            margin-top: 25% !important;
        }*/
        .voimagesize {
            width: 280px !important;
        }
    }

    @media(min-device-width:412px) and (max-device-width:915px) and (orientation : portrait) {
        .iphone_foot {
            margin-top: 40% !important;
        }
        .paymentlink {
            margin-bottom: 30px;
        }
        .surveypop {
            padding-top: 0% !important;
        }
        .quespopupmob {
            padding-top: 16% !important;
        }
        .quespopali {
            margin-left: 47px !important;
        }

        .div_Birth {
            margin-left: -3px !important;
            margin-bottom: 5% !important;
            width: 94% !important;
        }

        .marrislide1 {
            width: 92% !important;
            margin-left: 1% !important;
        }

        .div_Death {
            margin-left: -6px !important;
            width: 96% !important;
        }

        .Galaxy_Res {
           
            width: 100% !important;
        }

        .Galaxys8_res {
          
            width: 100% !important;
        }

        .galaxyres {
            width: 172% !important;
            margin-left: -31% !important;
        }
    }
    /* --------------------------------------------------------------------------------- */
    /* $$$$$$$$$ SAMSUNG GALAXY S8/S8+/S9/S9+/SAMSUNG GALAXY NOTE 9 STYLES END $$$$$$$$$ */
    /* --------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------- */
    /* $$$$$$$$$ ONE PLUS 3/LG G5/SAMSUNG GALAXY NOTE 5 STYLES START $$$$$$$$$ */
    /* ----------------------------------------------------------------------- */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */
    @media(min-device-width:480px) and (max-device-width:853px) and (orientation : portrait) {
        .ecensus-home-page .home-slider {
            height: 24vh;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .slDots {
            bottom: 15px;
        }

        .ecensus-home-page .home-slider .slItems .slText .form-control {
            width: 74%;
            margin-left: 16%;
        }
    }
    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:480px) and (max-device-width:853px) and (orientation : landscape) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* --------------------------------------------------------------------- */
    /* $$$$$$$$$ ONE PLUS 3/LG G5/SAMSUNG GALAXY NOTE 5 STYLES END $$$$$$$$$ */
    /* --------------------------------------------------------------------- */
    /* ======================================================================= */
    /* @@@@@@@@@@@@@@@@@@@@@@@ MOBILE STYLES END @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ======================================================================= */
    /* ======================================================================= */
    /* @@@@@@@@@@@@@@@@@@@@@@@ TABLET STYLES START @@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ======================================================================= */
    /* ------------------------------------------------------------------------------------------------------- */
    /* $$$$$$$$$ IPAD MINI/IPAD MINI 2&3/IPAD AIR 1&2/IPAD 3RD & 4TH GENERATION/NEXUS 9 STYLES START $$$$$$$$$ */
    /* ------------------------------------------------------------------------------------------------------- */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */
@media(min-device-width:768px) and (max-device-width:1024px) and (orientation : portrait) {
    .popup-res {
        padding-left: 0% !important;
        margin-top: 0% !important;
    }
    div #collapseFive {
        max-height: 240px !important;
    }
    .DHLImagePopup {
        width: 50% !important;
        margin-left: 0% !important;
        float: right !important;
    }
    .dhl-popres {
        margin-left: 2% !important;
      
       
    }
    .onlinealin {
        margin-top: 5px;
    }
    .piceconfirbtn {
        width: 45%;
    }
    .alerttextipad {
        font-size: 9.5px !important;
    }
    .pickupDiv {
        padding-top: 5%;
    }
    .ZipcodeIPAD {
        max-width: 28% !important;
        margin-left: 3%;
    }

    .ZipcodeLabelIPAD {
        margin-left: 3%;
    }

    .ZipcodeButtonIPAD {
        margin-left: 79% !important;
        margin-top: -36% !important;
    }
    .eemarrimg{
        padding-left:14% !important;
    }
    .eebirthimg {
        padding-left: 5% !important;
    }
    .eedeathimg {
        padding-left: 12% !important;
    }
    .AFP-DFA{
        left:140px !important;
    }

    .div_birthoutlet {
        margin-top: 124px !important;
        margin-left: 3% !important;
    }

    .outletmini {
        margin-left: 5% !important;
    }

    .div_marriageoutlet {
        margin-top: -13px !important;
        margin-left: 5% !important;
    }
    .div_deathoutlet {
        margin-top: 91% !important;
        margin-left: 5% !important;
    }
    .outletbtn{
        width:185px;
    }
        .outletmarr {
            margin-left: 4px !important;
        }
    .outletceno {
        margin-left: 15px !important;
    }
    .div_cenodeathoutlet {
        margin-top: 13px !important;
        width:192px !important;
    }
    .afpdeathrequ {
        margin-top: 70% !important;
    }
        .afpminbtn {
            padding-top: 33px !important;
        }
        .afpcenbtn {
            margin-top: 71px !important;
        }
        .afpimgceno{
          padding-left:42px !important;
        }
        .afpimgcenode {
            padding-left: 27px !important;
        }
        .afpimgdeat {
            padding-left: 39px !important;
        }
        .afpimgbirth {
            padding-left: 16px !important;
        }
        .AFP_ButtonDiv {
            padding-left: 26% !important;
        }
        .afpcenobtnres{
            margin-top:73px !important;
        }

        .div_deathafp{
            margin-top: 68% !important;
            margin-left: 1% !important;
        }
        .spacecertifres {
            margin-top: 6px;
        }
        .vomarpro {
            padding-top: 21px;
        }
        .voimg {
            padding-left: 37px;
        }
        .vocenderes{
            padding-top:22px;
        }
        .eebirthmini{
            margin-top:83% !important;
        }
        .eemarrmini {
            padding-bottom: 14px;
        }
        .eedeath{
            margin-top:0%;
        }
        .eeresdeath {
            padding-bottom: 5%;
            height:227px;
        }
        .vodeathipadres {
            margin-top: 101px;
            padding: initial;
        }
        .voresipadmin {
            margin-top: 132px;
            padding: initial;
        }
        .HomeDIv {
            margin-top: 5%;
        }
        .refsapceipad {
            padding-bottom: 45% !important;
        }

        .Amountdueipad {
            padding-top: 4% !important;
        }
        .paddingpaymentscrerenIpad{
            padding-bottom:0% !important;
        }
        .EE_Div {
            margin-left: 9% !important;
        }

        #MenuBar {
            display: inline-block !important;
        }

        #collapseF {
            max-height: 240px !important;
        }

        .linkres {
            padding-bottom: 49px !important;
        }

        .div_Birth {
            margin-left: -3px !important;
            margin-bottom: 5% !important;
            width: 120% !important;
        }

        .uniyslogo {
            width: 138px !important;
            padding-top: 17% !important;
            margin-right: 0% !important;
        }
        .responserchbtn {
            margin-left: -35%;
        }
        .ipadmincancelbtn {
            width: 33% !important;
            margin-right: 67% !important;
            margin-bottom: 8px !important;
        }

        .ipadminFBformbtn {
            width: 68% !important;
            margin-right: 112px !important;
        }

        .reinterviipa {
            margin-left: 0.5% !important;
        }

        .reinteripadmg {
            margin-left: 0% !important;
            max-width: 84% !important;
        }

        .requconipadd {
            margin-left: -2.5% !important;
            max-width: 97% !important;
        }

        .div_Death {
            margin-left: 49px !important;
        }

        .btnalign2 {
            margin-right: 0px !important;
        }

        .div_Marriage {
            width: 183px !important;
        }

        .row {
            width: 100% !important;
        }

        .thumbnailRow2 {
            margin-left: 19px !important;
        }

        .CenoDiv{
            margin-left:13% !important;
        }
        .mobileres3 {
            margin-left: 7% !important;
        }

        .secondDiv {
            padding-left: 0% !important;
        }

        .div_Death {
            width: 196px !important;
        }

        .logo_fit {
            padding-left: 99%;
        }

        .gapbtwslide {
            margin-top: 1%;
        }

        .ipadminicenodethword {
            margin-top: -37% !important;
            margin-right: -3% !important;
        }

        .imgwidth {
            width: 90px !important;
        }

        .ipadminibox {
            margin-left: -80px !important;
            width: 743px !important;
        }

        .ipadminibirth {
            margin-left: -7% !important;
        }

        .ipadminimarr {
            margin-left: -102px !important;
        }

        .ipadminideath {
            margin-left: 60% !important;
        }

        .ipadminicenomar {
            margin-left: 64px !important;
        }

        .ipadminicenodeath {
            margin-top: -46px !important
        }

        #iphonefooter {
            display: none !important;
        }

        .privacyimage {
            margin-top: -402% !important;
            margin-right: -6px !important;
            width: 251px !important;
        }

        .commitment {
            margin-right: -12% !important;
        }

        .second {
            margin-right: -16% !important;
        }

        .vobuttonal {
            margin-left: -55px !important;
        }

        .ipadcdc {
            margin-left: 7% !important;
        }

        .ipaddeathal {
            margin-left: 0% !important;
        }

        .ipadminivo {
            margin-bottom: -8% !important;
        }

        .ipadminbutton {
            width: 435px !important;
        }

        .div_birthmotoG {
            margin-top: 150px !important;
            margin-left: 5% !important;
        }

        .ipadres {
            margin-left: 0px !important;
        }

        .ipadjdej {
            margin-left: 26px !important;
        }

        .ipadsjnd {
            margin-left: 2px !important;
        }

        .ipadaddes {
            margin-left: 3px !important;
        }


        .ipadkok {
            width: 120% !important;
            margin-left: 27px !important;
        }

        .ipadmcb {
            margin-left: 73px !important;
            width: 116% !important;
        }

        #masterlayoutfooter {
            display: block !important;
        }

        .ipadmini1 {
            width: 91% !important;
        }

        .ipadpsaadd {
            padding-left: 4% !important;
        }

        .ipadcont {
            margin-top: -23% !important;
        }

        .afpbu {
            margin-left: 0% !important
        }

        .afpmini {
            width: 91% !important;
        }

        .afpdiv {
            width: 243px !important
        }

        .afpde {
            margin-left: 34px !important
        }

        .afpdiv {
            width: 255px !important
        }

        .afpde {
            margin-left: 48px !important
        }

        .viewline {
            line-height: 221% !important;
        }

        .secdiv {
            margin-left: 18% !important;
            width: 103%;
        }

        .viewhead {
            margin-top: -9% !important;
        }

        .hedingview {
            margin-top: 10% !important;
        }

        .Viewableomini {
            width: 100% !important;
        }
       
        .Viewbottmini {
            margin-left: 52px !important;
        }
        .Viewbottminionline {
            margin-left: 12px !important;
        }
      
        .viewdeathmini {
            margin-top: 213px !important;
        }
        .eemini {
            width: 270px !important
        }

        .eebumini {
            margin-left: 48px !important
        }

        .eemarrimini {
            margin-top: -72px !important;
            width: 253px !important
        }

        .LBCNo {
            width: 90%;
        }

        .LBCYes {
            width: 90%;
        }

        .Radio-Div {
            padding-left: 0% !important;
        }

        .firstable {
            width: 100% !important;
        }

        .secondtable {
            width: 100% !important;
        }

        .thirdtable {
            width: 120% !important;
        }

        .padding5 {
            margin-left: -3% !important;
        }

        .padding7 {
            margin-left: 19px !important;
        }

        .deliverylabel {
            width: 34% !important;
        }

        .ipadpaddin {
            width: 120% !important;
        }

        .othereroripa {
            padding-left: 24px !important;
        }

        .payment-r {
            padding-top: 0% !important;
        }

        .feesdesc {
            padding-right: 68px !important;
        }

        .logo-aboutUs {
            width: 50% !important;
        }

        .qesheading {
            margin-left: 1% !important;
            font-size: 20px !important;
        }

        .SubmitQues {
            width: 50%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .Cancelques {
            width: 22%;
            margin-right: 2%;
        }

        .logo-aboutUsUnisys {
            width: 36% !important;
        }

        .addline {
            width: 102% !important;
        }

        .footerbackgrnd {
            width: 80% !important;
        }

        .logodiv {
            width: 20% !important;
        }

        .nav-position {
            padding-bottom: 0% !important;
            padding-top: 1% !important;
        }

        .table-th-amount {
            float: right !important;
            padding-right: 67% !important;
        }

        .dhl-pieceipad {
            padding-right: 0px;
        }

        .dhl-confipad {
            width: 100%;
        }

        .btns-ipad {
            padding-left: 11%;
        }

        #dhltextbox {
            width: auto !important;
        }

        .dhlcanclipad {
            float: right;
        }

        .cenomar-model {
            width: 670px !important;
            margin-left: 50px !important
        }

        .cenomar-heading {
            font-size: 25px !important;
        }

        #Error span.wrong-field {
            margin-left: 7px !important;
            margin-top: 0px !important;
        }

        .conf-dhl {
            width: 50% !important;
        }

        .buttons {
            margin-left: 0% !important;
        }

        .fedex-div {
            padding-top: 0% !important;
        }

        .iphone-text {
            font-weight: 500;
        }

        #inputError .wrong-field {
            margin-left: 12px !important;
            margin-top: 0px !important;
        }

        .div-bottom {
            padding-bottom: 27% !important;
        }

        .validationMessage {
            margin-left: 10px !important;
            margin-top: 0px !important;
        }

        #InputError span.wrong-field {
            margin-top: 0px !important;
            margin-left: 51px !important;
        }

        .div-notopted {
            float: left;
        }

        .buttoncon {
            padding-right: 0% !important;
        }
        /*.dhl-pieceid{
    float: right !important;
    margin-right: 55% !important;
}*/
        .buttoncansub {
            margin-left: 1% !important;
            float: left !important;
        }

        .buttonpiece {
            padding-right: 0% !important;
        }

        .dhlbtncancel {
            margin-bottom: 1% !important;
        }

        .dhl-div {
            width: 1000px !important;
        }

        .DHL-content {
            margin-left: 12% !important;
            height: 447px !important;
        }

        .dhlContent {
            width: 100% !important;
            margin-left: 1% !important;
            overflow-y: hidden;
        }

        .dhl-img1 {
            height: 450px;
        }

        .avail-ipad {
            float: none !important;
            padding-left: 11%;
        }

        .fedexbuttons {
            width: 268px;
        }
        /*#addDHLButton {
    width: 44%!important;
}
    #cancelFedExButton {
    width: 42% !important;
}*/
        #dhlExpressCancel {
            width: 100px !important;
        }

        #dhlExpressSubmit {
            width: 100px !important;
        }

        .fedexHeader {
            margin-left: 10px !important;
            padding-top: 1px !important;
        }

        .dhlbtn-div {
            width: 40%;
        }

        .loa-div {
            width: 21% !important;
        }

        #dhldiv {
            width: 736px !important;
        }

        .dhldiv {
            height: 427px !important;
            margin-top: 0px !important
        }

        .btn-div {
           margin-left: 29% !important;
            padding-top: 3%;
        }

        .btn-div2 {
            margin-left: 0% !important;
            padding-top: 0% !important;
            width: 46%;
            float: right;
        }

        .dhl-modal {
            margin-top: 0% !important
        }

        .DHL-DIV {
            margin-top: 35% !important;
        }

        .ipad-dfa {
            line-height: 1.76 !important;
            padding: 11.7px !important;
            border-bottom: 0px !important;
        }

        .dfafindit {
            width: 42% !important;
        }

        .ipad-steps {
            padding-right: 0px !important;
        }

        .ipad-amount {
            height: 46px !important;
        }

        #event {
            padding: 10px 11px 0px !important;
        }

        #docname {
            padding: 9px 12px 10px !important;
        }

        .localaddress {
            padding-left: 0% !important;
        }

        .ipad-td {
            display: flex !important;
            float: right !important;
            margin-top: -6% !important;
        }

        .ipad-tr {
            height: 54px !important;
        }

        .ipad-th {
            padding-top: 3% !important;
        }

        #doc-name {
            width: 90% !important;
        }

        .res-upload {
            display: flex !important;
        }

        .thead-upload {
            display: contents !important;
        }

        .uploaddoc-table {
            display: block !important;
        }

        .reupload-div {
            padding-bottom: 36% !important;
        }

        .LOA-div {
            width: 17% !important;
        }

        .reUploadClass {
            margin-top: 18% !important;
        }

        .DfaAddress {
            margin-left: -2% !important;
        }

        .loa-row {
            margin-left: -4px;
        }

        .res-solid {
            margin-top: 20% !important;
        }

        .third-div {
            margin-left: -2%;
        }

        .ref-div {
            width: 60% !important;
        }

        #aboutus {
            padding-bottom: 0%;
        }

        .goBtnDiv {
            width: 40% !important;
        }

        .div_IconHome {
            padding-left: 0px !important;
        }
        /*.threediv{
        width: 81% !important;
    }*/

        .GetPSA {
            width: 100% !important;
        }

        .contactUs img {
            height: 425px !important;
            margin-top: 0px;
        }

        .mainHeading {
            padding-top: 5% !important;
        }

        .ack-res {
            padding-bottom: 13%;
        }

        .img-position {
            margin-left: 10%;
        }

        .secondHeading {
            padding-left: 0px !important;
        }

        .telephone a {
            color: white;
            text-decoration: none;
        }

        .table-res {
            width: 95%;
        }

        .button-position {
            padding-right: 0px !important;
        }

        .credit-terms {
            margin-left: 0% !important;
        }

        .credit-button {
            margin-left: 4% !important;
        }

        .modalAlertlg {
            width: 100% !important;
            top: -6% !important;
        }

        .verticalLinealert {
            height: 132px !important;
        }

        .paymentTableHeading {
            padding-right: 0px !important;
        }
        /*.td-res{
        width: 63%;
    }*/
        .creditImg {
            width: 23% !important;
        }

        .Payment-terms {
            padding-bottom: 40% !important;
        }

        .responsive-cenomar {
            width: 65px !important;
            height: 97px !important;
        }

        .payment-table {
            padding-right: 0px;
        }

        .credit-terms {
            margin-left: 0% !important;
        }

        .credit-button {
            margin-left: 1% !important;
        }

        .responsive-birth, .responsive-marriage {
            width: 69px !important;
            height: 98px !important;
        }

        .responsive-death {
            width: 68px !important;
            height: 98px !important;
        }

        .flip-scroll thead.bordered-palegreen > tr > th {
            border-right: 0px solid #a0d468 !important;
        }

        .responsivediv {
            padding-left: 0% !important;
            width: 28% !important;
        }

        .vomaindiv {
            width: 100% !important;
        }

        .vobtnalign {
            padding-left: 16%;
        }

        .vobtnalignipadmin {
            padding-left: 6% !important;
        }

        .thumbnailR {
            display: inline-flex;
            flex-wrap: nowrap;
        }

        .table thead.bordered-palegreen > tr > th {
            border-bottom: 0px solid #0087e2 !important;
        }

        .payack {
            width: 93% !important;
        }

        
        .contactus-sendbtn {
            margin-right: 17% !important;
        }
        /*#mainTitle {
        padding: 0 !important;
        font-size: 28px;
        margin-left: 10px;
        margin-top: 85px !important;
    }
        .locAdd {
        font-size: 15px !important;
    }
     .contactuslocation{
        font-size:15px !important;
        font-weight: bold;
    }
      .contactusemail1{
        font-size: 17px !important;
    }
    .contactus-txt{
        font-size:15px !important;
        font-weight: bold;
    }
    .contactus-sendbtn{
        width: 24%;
        right: 16%;
    }*/
        .paymentScreen {
            padding-top: 5% !important;
        }

        .tableHeading {
            padding-right: 0px !important;
        }

        .resp-transaction {
            width: 100% !important;
            padding-bottom: 20% !important;
        }

        .creditP {
            background-color: white !important;
        }

        .ack_amount span {
            float: left !important;
        }

        .addNewBD {
            margin-left: 26px !important;
        }

        .certificatePopup {
            top: 12% !important;
            left: 4% !important;
        }

        .questionAnserPopup {
            top: 0%;
        }

        .fa-trash {
            float: inherit;
        }

        .p_cenomar {
            font-size: 17px !important;
            margin-left: 60px !important;
        }

        /*.p_certificatetext {
        font-size: 17px !important;
    }*/

        .p_certificatetextipadmini {
            font-size: 21px !important;
        }

        .home-align {
            width: 100% !important;
        }

        .thumbnailDiv {
            width: 100% !important;
        }

        .unionBankBranch {
            margin-left: 1% !important;
            margin-right: 1% !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .UBTableDiv .companyCol {
            padding-top: 4%;
        }

        .instruction {
            margin-top: 9% !important;
            width: 100% !important;
        }

        .UBTableDiv .subscrCol {
            padding-top: 4%;
        }

        .table-responsive {
            padding-top: 80px;
        }

        .UnionBankOnline .UBO-heading {
            margin-top: 7%;
        }

        .delivery {
            border: none !important;
        }

        .ecensus-home-page .navbar-default {
            padding: 0px 5px;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .fedex {
            margin-top: 0% !important;
            font-size: 12px !important;
        }

        .fedex-heading {
            font-size: 24px !important;
        }
        /*.col-xs-12{
           float:none;*/
        .fedexContent {
            padding-bottom: 0% !important;
        }

        .Serbilis-logo {
            width: 50% !important;
        }

        .consent-heading {
            font-size: 20px !important;
        }

        .consent-table {
            width: 100% !important;
        }

        .consentPopUp {
            max-height: 340px !important;
            overflow-y: auto !important;
        }

        .creative-logo {
            width: 25% !important;
            margin-right: 4%;
        }

        .gotit-responsive {
            line-height: 1%;
        }

        .clearfix-responsive {
            line-height: 1%;
            overflow-y: auto;
            max-height: 320px !important;
        }

        .visalogo {
            width: 48px;
        }

        . /*table-width {
        width: 100% !important;
    }*/
        .payment .table.priceInfo {
            width: 97%;
        }

        .para_responsive {
            margin-top: 14px !important;
        }

        .aboutus {
            margin-top: 13%;
        }

        .margin {
            margin-top: 0px !important;
        }

        .modaladdnew {
            width: 92%;
            margin-top: 25%;
        }

        .payment-responsive {
            width: 100%;
            /*margin-top: -9%;*/
        }

        .payment .paymentTable {
            padding-right: 0px !important;
            width: 90%;
            padding-left: 24px !important;
        }

        /*.col-sm-4 {
        width: 100%;
        margin-top: -60px;
    }*/

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
            margin-top: 0%;
            height: 55px;
            width: 198px;
        }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand .logo-title {
            font-size: 24px;
            margin-top: 2px;
        }

        .ecensus-home-page .navbar-default .navbar-nav > li > a, .ecensus-home-page .navbar-nav.navbar-right li .request-select {
            font-size: 12px;
            padding-left: 12px;
            padding-right: 12px;
        }

        .navbar-nav > li > .dropdown-menu {
            min-width: 130px !important;
        }

        .ecensus-home-page .home-slider {
            height: 23vh !important;
        }

            .ecensus-home-page .home-slider .slItems .slText {
                top: 42%;
            }

                .ecensus-home-page .home-slider .slItems .slText .title {
                    font-size: 25px;
                    margin-bottom: 15px;
                }

                .ecensus-home-page .home-slider .slItems .slText .title-lbl {
                    font-size: 13px;
                    margin-top: -12px;
                }

                .ecensus-home-page .home-slider .slItems .slText .form-control {
                    width: 73%;
                    margin-left: 8%;
                }

        .ecensus-home-page .heading-underlined h1 {
            font-size: 24px;
            margin-bottom: 0px !important;
            margin-top: 15px;
        }

        .ecensus-home-page .heading-underlined .bottom-line {
            height: 3px;
            margin: 6px auto 0;
        }

        .ecensus-home-page .slide-products .product-items {
            padding-top: 10px;
        }

            .ecensus-home-page .slide-products .product-items .hero-item {
                width: 28%;
                margin-right: 15px;
                margin-left: 20px;
                padding: 0;
                margin-bottom: 10px;
                float: left;
                height: 160px;
            }

            .ecensus-home-page .slide-products .product-items .item {
                height: 160px;
            }

        .ecensus-home-page .getcertificate-steps {
            padding: 0px 15px;
            margin-top: -10px;
        }

            .ecensus-home-page .getcertificate-steps .hero-circles {
                margin-top: 25px;
            }

                .ecensus-home-page .getcertificate-steps .hero-circles li {
                    min-height: 100px;
                }

        .ecensus-home-page .checkstatus-div {
            padding: 0px 15px;
        }

            .ecensus-home-page .checkstatus-div .hero-search {
                margin: 10px 0px 20px 0px;
            }

                .ecensus-home-page .checkstatus-div .hero-search .form-control {
                    height: 46px;
                    padding: 6px 12px;
                    font-size: 13px;
                }

                .ecensus-home-page .checkstatus-div .hero-search .input-group-btn .btn.btn-common {
                    margin-left: 0 !important;
                }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle,
        .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle.collapsed {
            padding-left: 20px;
            padding-right: 20px;
            float: left;
        }

            .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle::after {
                right: 42px;
                top: 30px;
            }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding-top: 0px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .ecensus-home-page .download-band .label-link {
            float: left;
            margin: 10px 40px 0px 0px;
            font-size: 14px;
        }

        .ecensus-home-page .footer {
            padding: 15px 0px;
        }

            .ecensus-home-page .footer .footer-logo-div {
                margin-left: -12px;
            }

                .ecensus-home-page .footer .footer-logo-div .footer-philipines-logo {
                    width: 250px !important;
                    float: left;
                    margin-left: 3%;
                }

                .ecensus-home-page .footer .footer-logo-div .footer-unisys-logo {
                    width: 88%;
                    margin-top: 0px;
                    margin-right: 0px;
                }

            .ecensus-home-page .footer .footer-info-div {
                margin-top: -2px;
            }

                .ecensus-home-page .footer .footer-info-div .copyright-info p {
                    font-size: 7px !important;
                    margin-top: 0% !important;
                }

                    .ecensus-home-page .footer .footer-info-div .copyright-info p .fa {
                        font-size: 13px;
                    }

                .ecensus-home-page .footer .footer-info-div .links {
                    margin-top: 8px;
                    padding-right: 30px !important;
                }

                    .ecensus-home-page .footer .footer-info-div .links ul li {
                        margin-left: 12px;
                    }

                        .ecensus-home-page .footer .footer-info-div .links ul li a {
                            font-size: 12px;
                        }

        .modal .modal-dialog.modal-lg {
            width: 585px;
            margin: 0 auto;
            top: 10%;
        }

        .modal .modal-dialog .modal-header .modal-title {
            font-size: 14px;
        }

        .modal .modal-dialog .modal-header .close {
            font-size: 25px;
            margin-top: -3px;
        }

        .modal .modal-dialog .modal-body {
            max-height: 775px !important;
            padding: 15px;
            font-size: 12px;
            padding-top: 10px !important;
            overflow-y: scroll !important;
            margin-top: 186px;
        }

        .textbody {
            margin-top: 0px !important;
        }

        .modal .modal-dialog .modal-body p {
            margin: 8px 0px;
        }

        .modal .modal-dialog .modal-body .btn {
            min-width: 65px;
            padding: 5px 10px;
            margin-bottom: 3% !important;
        }

        #ImportantAnnouncement .modal-body .text-center {
            margin-bottom: 15px !important;
        }

        .request-certificate-wrapper .header-wrapper {
            padding: 5px 15px 5px 15px;
        }

            .request-certificate-wrapper .header-wrapper .container {
                width: 725px;
            }

            .request-certificate-wrapper .header-wrapper .description {
                line-height: 23px;
                font-size: 12.5px;
            }

            .request-certificate-wrapper .header-wrapper .checkbox label {
                font-size: 12.5px;
                line-height: 23px;
            }

        .request-certificate-wrapper .btn {
            font-size: 12.5px;
            padding: 5px 8px;
            min-width: 110px !important;
        }

            .request-certificate-wrapper .btn .fa {
                font-size: 12.5px;
            }

        .request-certificate-wrapper .mt-10 {
            margin-top: 44px !important;
        }

        .ecensus-home-page .expandall-link-wrapper a {
            font-size: 12.5px;
            padding-bottom: 5px;
        }

        .ecensus-home-page .accordion.panel-group {
            margin: 0px 8px;
            font-size: 12.5px;
        }

            .ecensus-home-page .accordion.panel-group .panel-heading .accordion-toggle {
                font-size: 12.5px;
                padding: 8px 10px;
            }

            .ecensus-home-page .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
                padding: 8px 15px;
            }

        .request-certificate-wrapper .btn-wrap {
            padding: 15px 10px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper p {
            margin: 2px 0px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .header {
            font-size: 13px;
            margin-bottom: 3px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .info-line {
            margin: 3px 0px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .terms-ml {
            margin-left: 25px !important;
        }

        .modal .question-answers-modal.modal-dialog .modal-body {
            max-height: 368px;
        }

        .question-answers-modal .modal-body .body-wrapper .heading {
            font-size: 13px;
            line-height: 20px;
        }

        .question-answers-modal .modal-body .body-wrapper .question-row {
            padding-bottom: 0px;
        }

        .question-answers-modal .modal-body .body-wrapper .question {
            font-size: 12px;
            margin-bottom: -5px !important;
        }

        .question-answers-modal .modal-body .body-wrapper .radio {
            margin-left: 3px;
        }

            .question-answers-modal .modal-body .body-wrapper .radio label {
                font-size: 12px;
            }

        .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
            height: 17px;
            min-width: 17px;
            font-size: 7px;
        }

        .question-answers-modal .modal-body .body-wrapper .text-right {
            margin-bottom: 15px;
        }

        .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
            font-size: 12px;
            min-width: 110px !important;
        }

        .birth-certificate-dashboard {
            padding: 13px 0px;
        }

        .ecensus-home-page .wizard {
            padding-bottom: 5px;
        }

            .ecensus-home-page .wizard ul {
                width: 100%;
            }


                .ecensus-home-page .wizard ul li {
                    margin: 10px 10px;
                    font-size: 13px;
                    padding: 0 10px 0 15px;
                    line-height: 37px;
                    margin-right: 25px;
                    width: 100% !important;
                }

                    .ecensus-home-page .wizard ul li .step {
                        margin-right: 5px;
                    }

                    .ecensus-home-page .wizard ul li .chevron {
                        border-width: 19px;
                        right: -16px;
                    }

                        .ecensus-home-page .wizard ul li .chevron::before {
                            right: -1px;
                            border-width: 24px;
                        }

        .birth-certificate-dashboard .step-content {
            padding: 15px;
        }

            .birth-certificate-dashboard .step-content .step-pane .title {
                font-size: 14.5px;
                margin-bottom: 15px;
            }

    .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
        font-size: 12.5px;
    }
    .ipadminiprobtn {
        padding-left: 457px !important;
        margin-top: -21% !important;
    }
        .ecensus-home-page .form-control {
            font-size: 12.5px;
            padding: 5px 10px;
            height: 33px;
            width: 88% !important;
        }

        .refNoBox {
            width: 80% !important;
            margin-left: -3%;
        }

        .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
            font-size: 12.5px;
            font-weight: 300;
        }

        .birth-certificate-dashboard .step-wizard-footer {
            padding: 0px 5px 3px 5px;
        }

            .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
                width: 100%;
                padding-left: 0px;
                right: 5%;
            }

        .birth-certificate-dashboard .btn {
            font-size: 12.5px;
            min-width: 110px !important;
            padding: 5px 8px;
        }

            .birth-certificate-dashboard .btn .fa {
                font-size: 12.5px;
            }

        .birth-certificate-dashboard #simplewizardstep2 .radio-box {
            padding: 7px;
            width: 26%;
            margin-bottom: 4px;
            margin-right: 25px;
        }

        .birth-certificate-dashboard .italic-tag {
            font-size: 12.5px;
        }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 57%;
            position: absolute;
            right: 133px;
            top: 34%;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 71%;
            left: 43px;
        }

        .ecensus-home-page .table.flip-content thead tr th {
            font-size: 12.5px !important;
        }

        .ecensus-home-page .table.flip-content tbody tr td {
            font-size: 12.5px !important;
            font-weight: 400 !important;
            padding: 11.7px !important;
        }

        .summary-mb-30 {
            margin-bottom: 20px !important;
        }

        .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
            display: block;
        }

            .summary-tab-div2 .table tbody tr td, .summary-tab-div3 .table tbody tr td {
                text-align: center;
            }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-top: 5% !important;
            width: 25% !important;
            position: absolute;
            right: 71%;
            top: 6px;
        }

        .birth-certificate-dashboard .black-big-heading {
            font-size: 12.5px;
        }

        .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
            font-size: 12.5px;
        }

        .ecensus-home-page .form-value {
            font-size: 12.5px;
        }

        #AddNewRequestModal .modal-body .product-items {
            padding-top: 8px;
        }

            #AddNewRequestModal .modal-body .product-items .container {
                width: 98.5%;
            }

            #AddNewRequestModal .modal-body .product-items .hero-item {
                width: 28%;
                margin-bottom: 10px;
                margin-left: 22px;
                margin-right: 0px;
                padding: 0px;
                height: 100%;
            }

                #AddNewRequestModal .modal-body .product-items .hero-item .product-name {
                    font-size: 14px;
                }

        .ecensus-home-page .confirmation-dialog {
            top: 10% !important;
            width: 65%;
            margin: 0 auto;
        }

            .ecensus-home-page .confirmation-dialog .modal-body {
                padding-top: 15px !important;
                font-size: 12.5px !important;
                margin-top: 0% !important;
            }

        .announcement-section {
            margin-top: 18px;
            margin-bottom: 18px;
        }

            .announcement-section .board {
                padding-top: 8px;
                padding-left: 6px;
                padding-right: 5px;
            }

            .announcement-section .liner {
                top: 45%;
            }

            .announcement-section .nav-tabs > li a {
                height: 55px;
            }

            .announcement-section span.round-tabs {
                width: 25px;
                height: 25px;
            }

            .announcement-section p.narrow {
                font-size: 12.5px;
            }

            .announcement-section .date-info, .announcement-section .time-info {
                font-size: 12px;
            }

            .announcement-section .tab-content {
                padding: 12px;
            }

        .usercredential {
            width: 100% !important;
        }

        #status, #RefNo, .regNotxt {
            width: 100%;
        }

        .regNotxt {
            padding-left: 0;
        }

        #BatchNumber {
            width: 35% !important;
        }

        #RefNo {
            padding: 0;
        }

        .heading-underlined {
            padding-top: 0% !important;
        }

        .ecensus-home-page .table.flip-content tbody tr td {
            padding-right: 86%;
            padding: 12px;
            text-align: start;
        }

        .table-td-amount {
            float: left !important;
        }

        .ecensus-home-page .wizard ul {
            /*width: 2239%;*/
            width: 100%;
            margin-top: 8%;
        }

        .flip-scroll tbody tr {
            margin-left: 0%;
            width: 100%;
        }

        .ecensus-home-page .table.flip-content thead tr th {
            text-align: start;
        }

        #resp-certificate {
            padding-bottom: 12.5% !important;
        }

        .responsive-action {
            padding-left: 6% !important;
        }

        .responsive-reqname {
            line-height: 30px !important;
        }

        .th-responsive {
            padding-bottom: 23% !important;
        }

        .address-table {
            line-height: 340% !important;
            padding-bottom: 6% !important;
        }

        .action-resptable {
            padding-bottom: 16% !important;
        }

        .numSpan {
            width: 17px !important;
            text-align: left !important;
        }

        .request_responsive {
            width: 100% !important;
        }

        .td_data {
            width: 100% !important;
        }

        .wizard ul li {
            float: none;
        }

        .table-width {
            text-align: start;
        }

        #birth-certificate-dashboard .wizard ul li {
            width: 0px;
        }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 101% !important;
            padding-left: 477px;
        }

        .request {
            width: 0% !important;
        }

        .table-th-Action {
            padding-top: 46px !important;
        }

        .address_responsive {
            line-height: 32px !important;
        }

        .address_requester {
            width: 100% !important;
        }

        .ack_amount {
            width: 100% !important;
        }

        .fedexContent h4 {
            margin-top: 4%;
        }

        .fedexContent {
            margin-top: 20%;
        }

        #addFedExButton, #cancelFedExButton {
            white-space: normal;
        }

        /*.table-th-amount {
        float: left;
    }*/

        .table-th-amount-ack {
            width: 100% !important;
            padding-bottom: 22px !important;
        }

        .step-wizard-footer {
            padding-top: 4% !important;
        }

        /*.instruction_secondline {
        width: 318% !important;
    }*/

        .instruction_thirdline {
            width: 165% !important;
        }

        button-proceed {
            width: 40% !important;
        }


        .heading-underlined {
            padding-top: 7% !important;
            padding-left: 0% !important;
        }

        .ecensus-home-page .navbar-default .hero-search {
            width: 32%;
        }

        .navbar-collapse img {
            padding-top: 1%;
            padding-left: 0% !important;
        }

        #MenuBar {
            padding-left: 23% !important;
            padding-right: 10% !important;
            background-color: #ffffff00 !important;
        }

        .HomeScreen {
            /*width: 162%;*/
        }

        .row {
            /*margin-right: -15px;*/
            margin-right: 0px;
            margin-left: -15px;
        }

        .requestPage .row {
            margin-right: 0px;
        }

        .ecensus-home-page .navbar-default .hero-search {
            width: 31%;
        }

        .ecensus-home-page .navbar-default .navbar-nav > li > a, .ecensus-home-page .navbar-nav.navbar-right li .request-select {
            font-size: 14px;
            padding-left: 14px;
            padding-right: 17px;
        }

        #MenuBar {
            width: 119% !important;
        }

        .navbar-collapse img {
            padding-left: 0% !important;
            padding-top: 0% !important;
        }

        .border {
            padding-left: 3.5% !important;
            width: 100%;
            margin-right: 3%;
            margin-left: 3%;
        }

        /*.row-resp {
        margin-left: 7px;
    }*/

        .request-certificate {
            width: 35%;
        }

        .forwardArrow {
            margin-top: -100%;
            margin-left: 186%;
            transform: rotate(90deg);
            float: none;
        }

        .payment-info {
            width: 35%;
            margin-left: 0%;
            margin-top: 28%;
        }

        .delivery-info {
            margin-left: 0%;
            margin-top: 28%;
            width: 35%;
        }

        #skrollr-body {
            border: none;
        }

        .ecensus-home-page .footer .footer-info-div .links ul {
            width: 105%;
        }

        .onlineapp-responsive {
            line-height: 450% !important;
            margin-bottom: -7% !important;
        }

        .onlineapplication_birthimg {
            margin-left: 95px !important;
        }
        .div_birthafp {
            margin-top: 164px !important;
            margin-left: 5% !important;
        }
        .div_marriageafp {
            margin-top: 92px !important;
            margin-left: 0% !important;
        }
        .div_birth {
            margin-top: 151px !important;
            margin-left: 26% !important;
        }
        .div_birthonline {
            margin-top: 127px !important;
            margin-left: 0% !important;
        }
        .afpminionline {
            width: 100% !important;
        }
        .div_marriageonline {
            margin-top: -21px !important;
            margin-left: 0% !important;
        }
        .afpdivonline {
            width: 195px !important;
        }
        .div_deathonline {
            margin-top: 77% !important;
            margin-left: 1% !important;
        }
        .afpdivonline {
            width: 189px !important;
        }
        .afpdeonline {
            margin-left: 15px !important;
        }
        .div_cenomaronline {
            margin-top: -18px !important;
            margin-left: 1% !important;
        }
        .onlineapplication_marriageimg {
            margin-left: 91px !important;
        }

        .div_marriage {
            margin-top: -18px !important;
            margin-left: 0% !important;
        }

        .div_marriageee {
            margin-top: -89px !important;
            margin-left: 5% !important;
        }

        .endob {
            margin-left: 39px !important
        }

        .div_deathee {
            width: 253px !important;
        }

       
        .encodeali {
            margin-left: 45px !important
        }

        .onlineapplication_deathimg {
            margin-left: 95px !important;
        }

        .div_death {
            margin-top: 78% !important;
            margin-left: 1% !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 93px !important;
        }

        .div_cenomar {
            margin-top: -18px !important;
            margin-left: 1% !important;
        }
        .afpdivonline {
            width: 191px !important;
        }
        .afpdeonline {
            margin-left: 16px !important;
        }
        .div_cenodeathipad {
            margin-top: 8px !important;
        }

        .row-resp .column {
            height: 545px !important;
            width: 300px !important;
        }

        #ImportantAnnouncement .modal-dialog.modal-lg {
            width: 60% !important;
            top: 0% !important;
        }

        .headingpara {
            margin-top: 15%;
        }

        .flip-scroll table {
            width: 97%;
        }

        .ackTable {
            width: 97%;
        }

        .checkref-table {
            padding-bottom: 17% !important;
        }

        .seperator {
            width: 80%;
            height: 108px !important;
            padding-top: 10% !important;
            margin-left: 6%;
            margin-top: 5%;
        }

        .responsive-referenceno {
            padding-top: 2% !important;
        }

        .responsive-row {
            margin-left: 12px !important;
        }

        #responsive-paymentack {
            display: block !important;
            text-align: start !important;
            margin-top: 25px !important;
            height: 40px !important;
            width: 102.5% !important;
            padding-top: 10% !important;
            padding-bottom: 5% !important;
        }

        #paymentack-table {
            /*padding-left: 2% !important;*/
        }

        .PGamount-responsive {
            padding-bottom: 14% !important;
        }

        .resp-question {
            height: 0% !important;
        }

        .resp-contactus {
            padding-bottom: 21% !important;
        }


        /*#masterlayoutfooter {
        margin-top: 11% !important;
    }*/

        #impann1 {
            margin-top: 37% !important;
        }

        .questionpopup {
            margin-top: 7% !important;
        }

        #confirm1 {
            margin-top: 5% !important;
        }

        #consent1 {
            margin-top: 21% !important;
        }
    }




    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:768px) and (max-device-width:1024px) and (orientation : landscape) {
        .footeripadmini {
            margin-bottom: -6% !important;
        }
        .ZipcodeIPAD {
            width:379% !important;
        }
        .onlinealin {
            margin-top: 5px;
        }
        .popupawilbtnaln {
            margin-top: -3% !important;
        }
        .piceconfirbtn{
            width:45%;
        }
        .ZipcodeLabelIPAD {
            text-wrap-mode:nowrap;
        }
        .NoWrap {
            text-wrap-mode: nowrap;
        }
        .ZipcodeButtonIPAD {
            margin-left: 273%!important;
            margin-top: 10% !important;
        }
        .quespopupipadali {
            margin-left: -12%;
        }
        .btn-div2 {
            margin-left: 29% !important;
            padding-top: 1%;
        }
        .btn-div {
            margin-left: 28% !important;
            padding-top: 3%;
        }
        .DHLpopupbtnali {
            margin-left: 26%;
        }
        .VO_Div{
            width:90% !important;
        }
        .spacecertifres {
            margin-top: 6px;
        }
        .ipadminiradiobtn2 {
            margin-left: -7% !important;
        }
        .gapbtwslide {
            margin-top: 1%;
        }
        .firstradio {
            width: 67% !important;
        }
        .responseradio {
            margin-bottom: 3% !important;
            margin-left: -7% !important;
        }
        .HomeDIv {
            margin-top: 3%
        }
        .ipadminilandradio {
            padding-left: 666px !important;
            margin-top: -14% !important;
        }
        #Error span.wrong-field {
            margin-left: 12px !important;
            margin-top: 0px !important;
        }

        .div_Death {
            width: 224px !important;
        }

        .dfdfd {
            margin-left: 21% !important;
        }

        .landair4 {
            margin-left: 38px !important;
            width: 86% !important;
        }

        .ipadminifontcenodeath {
            margin-top: -63px !important;
            font-size: 21px !important;
        }

        .ipadminivo {
            margin-bottom: -8% !important;
        }

        .ipadminviewFBformbtn {
            width: 100% !important;
        }

        .imageprivacy {
            margin-top: -68% !important;
            margin-right: -6px !important;
            width: 296px !important;
        }

       

        .ipadminimag {
            height: 330px !important;
        }

        .landairscape {
            margin-right: 4px !important;
        }

        .secondDiv {
            width: 60% !important;
        }

        .home-align {
            width: 100% !important;
        }

        .thumbnailDiv {
            width: 100% !important;
        }

        .padd {
            padding-top: 4% !important;
        }

        .ipadland {
            display: inline-flex !important;
            flex-wrap: nowrap !important;
        }

        .landscapeipad {
            margin-left: -28px !important;
            /*width: 114% !important;*/
        }

        .landipaddd {
            /*margin-left: 6px !important;*/
            /*width: 117% !important;*/
        }

        .landscapekk {
            margin-top: 5px !important;
            margin-left: 99px !important;
            /*width: 106% !important;*/
        }

        .ipadlandsc {
            margin-left: 39% !important;
            width: 85% !important;
        }

        .landscapeforipad {
            margin-left: 38px !important;
            width: 87% !important;
        }

        .dotres {
            width: 100% !important;
        }

        .resp-certtype {
            height: 45px;
        }

        .resp-docowner {
            height: 50px;
        }

        .resp-eventdate, .resp-eventplace, .resp-copies {
            height: 40px;
        }

        .resp-amount {
            height: 40px;
            padding-top: 10px !important;
        }

        div .resp-action {
            height: 40px;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

       

        div .table-action {
            padding-left: 7px !important;
        }

        .responsive-reqname {
            height: 34px;
        }

        .responsive-reqemail {
            height: 45px;
        }

        .responsive-reqmob {
            height: 45px;
        }

        .responsive-reqaction {
            height: 40px;
        }

        .deliverylabel {
            width: 34% !important;
        }

        .Radio-Div {
            padding-left: 0% !important;
        }

        .deliverylabel2 {
            padding-left: 0% !important;
            padding-bottom: 1% !important;
        }

        .fisrtablee {
            width: 94% !important;
        }

        .secondtablee {
            width: 94% !important;
        }

        .paddingdesc {
            padding-left: 0px;
        }

        .widthtable {
            width: 94% !important;
        }

        .descpadding {
            padding-left: 0px !important
        }

        .ipadfees {
            margin-left: 0px !important;
            padding-left: 44px !important;
        }

        .table2 {
            margin-left: -23px !important;
        }

        .padding {
            margin-left: 7px;
        }

        .dhlcanclipad {
            float: right;
        }

        .landtext {
            margin-left: 28px !important;
        }

        .ipad {
            padding-bottom: 0px !important;
        }

        .Ipad-DHL {
            margin-top: 0% !important;
        }

        .ipad-btn {
            width: 57% !important;
        }

        .fedexContent {
            margin-top: 14%;
        }

        .dhlContent {
            width: 100% !important;
            margin-left: 1% !important;
            overflow-y: hidden;
        }

        .ipad-piece {
            width: 50%;
        }

        .buttoncansub {
            margin-left: 0% !important;
        }

        .ipad-dhl {
            margin-top: 10%;
        }

        .div-bottom {
            padding-bottom: 13% !important;
        }

        #InputError span.wrong-field {
            padding-left: 0% !important;
            margin-top: 0px !important;
            margin-left: 53px !important;
        }
        /*.dhlcanclipad{
        width:76% !important;
    }*/
        /*.buttonpiece{
    padding-right: 85% !important;
}*/
        .DHL-content {
            margin-top: 6%;
        }

        .dhl-div {
            top: 21% !important;
        }

        .dhl-btn {
            width: 60%;
        }

        .dhl-div {
            width: 1000px !important;
        }

        .dhlbtn-div {
            width: 50%;
        }

        .dhl-buttons {
            margin-top: 5% !important;
            float: left !important;
            /*margin-left: 28%;*/
        }

        .avail-ipad {
            float: left !important;
            margin-left: 44% !important;
        }

        #dhldiv {
            width: 736px !important;
        }

        #addFedExButton, #cancelFedExButton {
            white-space: normal;
            width: 38% !important;
        }
        .cancelbtnali {
            margin-left: 2% !important;
            max-width: 16% !important;
        }
        .dhldiv {
            height: 456px !important;
        }

        .btn-div2 {
            padding-top: 0% !important;
            margin-left: 51% !important;
        }

        .btn-div {
            margin-left: 51% !important;
        }

        .avil-button {
            width: 72% !important;
        }

        .alert-text {
            padding-bottom: 100% !important;
            padding-top: 6% !important;
        }

        .reupload-exp {
            padding-bottom: 100% !important;
            padding-top: 6% !important;
        }

        .linkdiv {
            padding-bottom: 100% !important;
            padding-top: 6% !important;
        }

        .div_IconHome {
            padding-left: 0px !important;
        }

        .Note-res {
            width: 90%;
        }

        .consentextDiv {
            padding-left: 4px !important;
        }

        .LOA-div {
            width: 24% !important;
        }

        .DfaAddress {
            margin-left: -1.5% !important;
        }

        .reUploadClass {
            margin-top: 14% !important;
        }

        .res-solid {
            margin-top: 17% !important;
        }

        .third-div {
            margin-left: -2%;
        }

        .loa-div {
            width: 34% !important;
        }

        .faqRes {
            margin-top: 10% !important;
        }

        .privacyPlicyResp {
            padding-top: 3%;
        }

        .contactUs img {
            height: 425px !important;
            margin-top: 0px;
        }

        .last-div {
            padding-left: 0% !important;
        }

        .credit-div {
            margin-left: 1%;
        }

        .res-delivery {
            padding-bottom: 50% !important;
        }

        .telephone a {
            color: white;
            text-decoration: none;
        }

        .paymentChannelScreen {
            padding-bottom: 50%;
        }

        /*.res-Payment {
        padding-bottom: 55.5% !important;
    }*/

        .creditP {
            margin-top: 5%;
        }

        .verticalLinealert {
            height: 100px !important;
        }

        .img-position {
            margin-left: 3%;
        }

        .resp-contactus {
            /*padding-bottom: 10% !important;*/
            padding-bottom: 50% !important;
        }

        .middlediv {
            padding-left: 0% !important;
        }

        .credit-terms {
            margin-left: 0% !important;
        }

        .credit-button {
            margin-left: 0% !important;
        }

        .resp-transaction {
            /*padding-bottom: 20% !important;*/
            padding-bottom: 50% !important;
        }

        .paymentScreen {
            padding-bottom: 50% !important;
        }

        .terms-condition {
            padding-bottom: 26.5% !important;
        }

        .ecensus-home-page .navbar-default {
            padding: 0px 10px;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .Serbilis-logo {
            width: 50% !important;
        }

        .consent-heading {
            font-size: 20px !important;
        }

        .consent-table {
            width: 100% !important;
        }

        .responsivePopUp {
            max-height: 500px !important;
            overflow-y: auto;
        }


        .creative-logo {
            width: 25% !important;
            margin-right: 4%;
        }

        .gotit-responsive {
            line-height: 1%;
        }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
            margin-top: -1px;
            height: 75px;
            width: 270px;
        }

        .ecensus-home-page .navbar-default .navbar-nav > li > a, .ecensus-home-page .navbar-nav.navbar-right li .request-select {
            font-size: 13px;
            padding-left: 12px;
            padding-right: 12px;
        }

        .ecensus-home-page .navbar-default .navbar-nav > li > a {
            font-size: 13px;
            padding-left: 12px;
            padding-right: 11px;
        }

        .navbar-nav > li > .dropdown-menu {
            min-width: 140px !important;
        }

        .ecensus-home-page .home-slider {
            height: 55vh;
        }

            .ecensus-home-page .home-slider .slItems .slText {
                top: 38%;
            }

                .ecensus-home-page .home-slider .slItems .slText .title {
                    font-size: 24px;
                    margin-bottom: 15px;
                }

                .ecensus-home-page .home-slider .slItems .slText .title-lbl {
                    font-size: 13px;
                    margin-top: -12px;
                }

        .slider-input-group {
            width: 90%;
            margin: 0 auto;
        }

        .ecensus-home-page .home-slider .slItems .slText .form-control {
            width: 50%;
            margin-left: 17%;
        }

        .ecensus-home-page .heading-underlined h1 {
            font-size: 24px;
            margin-bottom: 0 !important;
        }

        .ecensus-home-page .heading-underlined .bottom-line {
            height: 3px;
            margin: 6px auto 0;
        }

        .ecensus-home-page .slide-products .product-items {
            padding-top: 10px;
        }

            .ecensus-home-page .slide-products .product-items .hero-item {
                width: 29%;
                margin-bottom: 10px;
                float: left;
                height: 160px;
            }

            .ecensus-home-page .slide-products .product-items .item {
                height: 160px;
            }

        .ecensus-home-page .getcertificate-steps {
            margin-top: -10px;
            padding: 0px 15px;
        }

            .ecensus-home-page .getcertificate-steps .hero-circles {
                margin-top: 25px;
            }

        .ecensus-home-page .checkstatus-div {
            padding: 5px 15px;
        }

            .ecensus-home-page .checkstatus-div .hero-search {
                margin: 10px 0px 15px 0px;
            }

                .ecensus-home-page .checkstatus-div .hero-search .form-control {
                    height: 46px;
                    padding: 6px 12px;
                    font-size: 13px;
                }

                .ecensus-home-page .checkstatus-div .hero-search .input-group-btn .btn.btn-common {
                    margin-left: 0px !important;
                }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle {
            float: left;
            width: 100%;
        }

            .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle::after {
                right: 60px;
                top: 28%;
            }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 8px;
        }

        .ecensus-home-page .download-band .label-link {
            margin: 10px 45px 0px 8px;
            font-size: 14px;
            float: left;
        }

        .ecensus-home-page .footer {
            padding: 16px 0px;
        }

            .ecensus-home-page .footer .footer-logo-div {
                margin-left: -20px;
            }

                .ecensus-home-page .footer .footer-logo-div .footer-philipines-logo {
                    width: 60%;
                }

                .ecensus-home-page .footer .footer-logo-div .footer-unisys-logo {
                    width: 86%;
                    margin-top: 0px;
                    margin-right: -15px;
                }

            .ecensus-home-page .footer .footer-info-div {
                margin-top: -2px;
            }

                .ecensus-home-page .footer .footer-info-div .copyright-info p {
                    font-size: 12.5px;
                    margin-left: 1% !important;
                }

                    .ecensus-home-page .footer .footer-info-div .copyright-info p .fa {
                        font-size: 14px;
                    }

                .ecensus-home-page .footer .footer-info-div .links {
                    margin-top: 8px;
                    padding-right: 20px !important;
                }

                    .ecensus-home-page .footer .footer-info-div .links ul li {
                        margin-left: 15px;
                    }

                        .ecensus-home-page .footer .footer-info-div .links ul li a {
                            font-size: 12.5px;
                        }

        .modal .modal-dialog.modal-lg {
            width: 715px;
            margin: 0 auto;
            top: 19%;
        }

        .modal .modal-dialog .modal-header .modal-title {
            font-size: 15px;
        }

        .modal .modal-dialog .modal-header .close {
            font-size: 26px;
            margin-top: -4px;
        }

        .modal .modal-dialog .modal-body {
            max-height: 690px !important;
            padding: 15px;
            padding-top: 10px !important;
        }

            .modal .modal-dialog .modal-body p {
                margin: 8px 0px;
            }

            .modal .modal-dialog .modal-body .btn {
                min-width: 65px;
                padding: 5px 10px;
                margin-bottom: 3% !important;
            }

        #ImportantAnnouncement .modal-body .text-center {
            margin-bottom: 15px !important;
        }

        .request-certificate-wrapper .header-wrapper {
            padding-top: 5px;
        }

        .ecensus-home-page .accordion.panel-group .panel-heading + .panel-collapse .panel-body {
            padding: 12px 15px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper p {
            margin: 3px 0px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .header {
            font-size: 14px;
            margin-bottom: 4px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .info-line {
            margin: 4px 0px;
        }

        #termsConditions .panel-body .terms-conditions-wrapper .terms-ml {
            margin-left: 26px !important;
        }

        .modal .question-answers-modal.modal-dialog .modal-body {
            max-height: 230px;
        }

        .question-answers-modal .modal-body .body-wrapper .heading {
            font-size: 13.5px;
            line-height: 20px;
        }

        .question-answers-modal .modal-body .body-wrapper .question-row {
            padding-bottom: 0px;
        }

        .question-answers-modal .modal-body .body-wrapper .question {
            font-size: 12.5px;
            margin-bottom: -5px !important;
        }

        .question-answers-modal .modal-body .body-wrapper .radio {
            margin-left: 12px;
        }

            .question-answers-modal .modal-body .body-wrapper .radio label {
                font-size: 12.5px;
            }

        .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
            height: 17px;
            min-width: 17px;
            font-size: 7px;
        }

        .question-answers-modal .modal-body .body-wrapper .text-right {
            margin-bottom: 15px;
        }

        .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
            font-size: 12.5px;
        }

        .birth-certificate-dashboard {
            padding: 13px 0px;
        }

        .ecensus-home-page .wizard {
            padding-bottom: 5px;
        }

            .ecensus-home-page .wizard ul {
                width: 100%;
            }

                .ecensus-home-page .wizard ul li {
                    margin: 10px 10px;
                    font-size: 13px;
                    padding: 0 10px 0 15px;
                    line-height: 37px;
                    width: 100% !important;
                }

                    .ecensus-home-page .wizard ul li .step {
                        margin-right: 4px;
                    }

                    .ecensus-home-page .wizard ul li .chevron {
                        border-width: 19px;
                        right: -16px;
                    }

                        .ecensus-home-page .wizard ul li .chevron::before {
                            right: -1px;
                            border-width: 24px;
                        }

        .birth-certificate-dashboard .step-content {
            padding: 15px 20px;
        }

            .birth-certificate-dashboard .step-content .step-pane .title {
                font-size: 15px;
                margin-bottom: 15px;
            }

        .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
            font-size: 14px !important;
        }

        .ecensus-home-page .form-control {
            font-size: 13px;
            padding: 5px 10px;
            height: 34px;
        }

        .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
            font-size: 13px;
            font-weight: 300;
        }

        .birth-certificate-dashboard .step-wizard-footer {
            padding: 0px 5px 3px 5px;
        }

            .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
                width: 100%;
                padding-left: 0px;
            }

        .birth-certificate-dashboard .btn {
            font-size: 13px;
            min-width: 60px;
            padding: 5px 8px;
        }

            .birth-certificate-dashboard .btn .fa {
                font-size: 13px;
            }

        .birth-certificate-dashboard #simplewizardstep2 .radio-box {
            padding: 10px;
            width: 26%;
            margin-bottom: 6px;
        }

        .birth-certificate-dashboard .italic-tag {
            font-size: 13px;
        }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 62%;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 261%;
            margin-top: 8px;
        }

        .ecensus-home-page .table.flip-content thead tr th {
            font-size: 12.5px !important;
        }

        .ecensus-home-page .table.flip-content tbody tr td {
            font-size: 12.5px !important;
            font-weight: 400 !important;
        }

        .summary-mb-30 {
            margin-bottom: 20px !important;
        }

        .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
            display: table-row;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-top: 5px;
        }

        .birth-certificate-dashboard .black-big-heading {
            font-size: 13px;
        }

        .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
            font-size: 13px;
        }

        .ecensus-home-page .form-value {
            font-size: 13px;
        }

        #AddNewRequestModal .modal-body .product-items {
            padding-top: 8px;
        }

            #AddNewRequestModal .modal-body .product-items .container {
                width: 98.5%;
            }

            #AddNewRequestModal .modal-body .product-items .hero-item {
                width: 28%;
                margin-bottom: 10px;
                margin-left: 25px;
                margin-right: 0px;
                padding: 0px;
                height: 100%;
            }

                #AddNewRequestModal .modal-body .product-items .hero-item .product-name {
                    font-size: 14px;
                }

        .ecensus-home-page .confirmation-dialog {
            top: 19% !important;
            width: 50%;
            margin: 0 auto;
        }

            .ecensus-home-page .confirmation-dialog .modal-body {
                padding-top: 15px !important;
                font-size: 13px;
            }

        .announcement-section {
            margin-top: 20px;
            margin-bottom: 20px;
        }

            .announcement-section .board {
                padding-top: 8px;
            }

            .announcement-section .liner {
                top: 45%;
            }

            .announcement-section .nav-tabs > li a {
                height: 53px;
            }

            .announcement-section span.round-tabs {
                width: 26px;
                height: 26px;
            }

            .announcement-section p.narrow {
                font-size: 12.5px;
            }

            .announcement-section .date-info, .announcement-section .time-info {
                font-size: 12px;
            }

            .announcement-section .tab-content {
                padding: 12px;
            }

        .middle {
            margin-left: -20px !important;
        }

        .divlast {
            margin-left: -15px !important;
            text-align: left !important;
        }

        .fedex-buttons {
            width: 100%;
        }

            .fedex-buttons .btn-primary {
                width: 50% !important;
            }

        .banner-text {
            font-size: 40px !important;
        }

        .request-certificate-wrapper .mt-10 {
            margin-top: 44px !important;
        }

        .instruction {
            float: left !important;
            margin-top: 5% !important;
            width: 95.2% !important;
        }

        #MenuBar {
            display: block !important;
            width: 103% !important;
            background-image: linear-gradient( 269.69deg, #C4D5FF 0.04%, #FFFFFF 100%);
            padding: 0px 23% !important;
        }

        .navbar-collapse img {
            padding-left: 165px !important;
        }

        .responsive-birth {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 13% !important;
        }

        .responsive-marriage {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 13% !important;
        }

        .responsive-death {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 13% !important;
        }

        .responsive-cenomar {
            float: left !important;
            padding-right: 5% !important;
            width: 40% !important;
            padding-top: 13% !important;
        }

        .span_Cenemor {
            color: #C2B437 !important;
            font-weight: 700 !important;
            font-size: 18px !important;
        }

        .p_cenomar {
            margin-left: 65px !important;
            font-weight: 700 !important;
            margin-top: 51px !important;
        }

        .responsive-delivery {
            padding-bottom: 12% !important;
        }

        .seperator {
            width: 165% !important;
            height: 72px !important;
            padding-top: 69px !important;
            margin-left: 55% !important;
        }

        #responsive-paymentack {
            display: block !important;
            text-align: start !important;
            margin-top: 25px !important;
            height: 40px !important;
            width: 102.5% !important;
            padding-top: 1% !important;
            padding-bottom: 2% !important;
        }

        .resp-question {
            height: 0% !important;
        }

        /*#masterlayoutfooter {
        margin-top: 2.5%;
    }*/

        .resp-contactus {
            padding-top: 5% !important;
        }

        .footer-left-logo {
            padding-left: 3% !important;
        }


        .row-resp {
            margin-right: 100px;
            margin-left: 171px;
        }

        .top-alig {
            padding-top: 3%;
        }

        #responsive-paymentscreen {
            padding-top: 2%;
        }

        #impann1 {
            margin-top: 19%;
        }

        .questionpopup {
            margin-top: 9% !important;
        }

        #confirm1 {
            margin-top: 0% !important;
        }

        #consent1 {
            margin-top: 18% !important;
        }

        #certificatepopup1 {
            top: 17% !important;
        }
    }

    /* ------------------------------------------------------------------------------------------------------- */
    /* $$$$$$$$$ IPAD MINI/IPAD MINI 2&3/IPAD AIR 1&2/IPAD 3RD & 4TH GENERATION/NEXUS 9 STYLES END $$$$$$$$$ */
    /* ------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------ */
    /* $$$$$$$$$ SAMSUNG GALAXY TAB 10 STYLES START $$$$$$$$$ */
    /* ------------------------------------------------------ */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */
    @media(min-device-width:800px) and (max-device-width:1280px) and (orientation : portrait) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:800px) and (max-device-width:1280px) and (orientation : landscape) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* ---------------------------------------------------- */
    /* $$$$$$$$$ SAMSUNG GALAXY TAB 10 STYLES END $$$$$$$$$ */
    /* ---------------------------------------------------- */
    /* ----------------------------------------- */
    /* $$$$$$$$$ IPAD PRO STYLES START $$$$$$$$$ */
    /* ----------------------------------------- */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */
    @media(min-device-width:1024px) and (max-device-width:1366px) and (orientation : portrait) {
        .vobtnalignipadmin {
            padding-left: 0% !important;
        }
        .dhl-popres {
            margin-left: 14% !important;
        }
        .popupawilbtnaln {
            margin-top: -3% !important;
        }
        .piceconfirbtn {
            width: 45%;
        }
        .pickupDiv {
            padding-top: 0%;
        }
        .cenodeathbox{
            width:290px;
        }
        .DHLpiecebtn {
            margin-left: -2% !important;
        }
        .ZipcodeLabeandTextIPADPro {
            margin-left:0%;
        }
        .ZipcodeButtonIpadpro {
           left:77% !important;
            margin-bottom: -12%;
        }
        .psavo {
            margin-left: -145% !important;
            margin-top: 0% !important;
        }
        .iconsalign {
            margin-left: -5px !important;
        }
        .vopro{
            padding-top:21px;
        }
        .voimg{
            padding-left:37px;
        }
        .vodetpro {
            margin-top: -73% !important;
            padding: initial;
        }
        .vocenobtnpro {
            margin-top: 36% !important;
            padding: initial;
        }
        .vomarpro {
            padding-top: 37px;
        }
        .vocenopro {
            padding-top: 10px;
        }
        .vodeathpro {
            padding-top: 14px !important;
        }
        .vodeares {
            margin-top: 91% !important;
        }
        .voceno{
            padding-top:60px;
        }
        .vocenobtnres {
            margin-top: 90px ;
            padding: initial ;
        }
        .EE_Div {
            margin-left: 5% !important;
        }
        .spacecertifres {
            margin-top: 6px;
        }
        .AFPImage {
            margin-left: 29% !important;
        }
        .VO-Div{
            width:50%;
        }
        .ipadminbutton{
            width:406px !important;
        }
        .EEImage-Div{
            width:50%;
        }
        .EE-Div{
            width:50%;
        }
        .ipadprolandpickup {
            margin-bottom: -32px !important;
        }
        .Cenotext {
            margin-top: -46px !important;
        } 
        .AFP_ButtonDiv {
            padding-left: 74% !important;
        }
        .HomeDIv {
            padding-top: 0% !important;
        }
        .radiobtnres {
            margin-left: 19% !important;
            margin-top: -15% !important;
        }
        .BirthDiv {
            width: 28% !important;
            padding-right: 3% !important;
        }
        .serchresponipad {
            margin-left: 14% !important;
        }
       

        .interviewresm {
            margin-left: 0.5% !important;
            width: 32% !important;
        }
        .inteipadpro {
            width: 106% !important;
        }
        .foot_ipad {
            width: 96% !important;
        }

        .logo_fit {
            padding-left: 5% !important;
        }

        .header-res {
            font-size: 28px !important;
        }

        .secdiv {
            margin-left: 32% !important;
        }

        .cenodeathdiv {
            margin-left: 50% !important;
        }

        .firstpar {
            margin-right: -8% !important;
        }

        .imagepar {
            margin-top: -305% !important;
        }

        #dhltextbox {
            width: auto !important;
        }

        .ipadairres3 {
            margin-left: 65px !important;
            width: 119% !important;
        }

        .landscapeforair {
            margin-left: 40px !important;
        }

        .home-align {
            width: 35% !important;
        }

        .thumbnailDiv {
            width: 65% !important;
        }

        .responsivediv {
            padding-left: 0% !important;
        }

        .mobileres3 {
            margin-left: 9% !important;
        }

        .ipadaddes {
            width: 123% !important;
        }

       /* .ipadairdiv {
            width: 116% !important;
        }*/

        .div_Death {
            margin-left: 25px !important;
        }

        .ipadairdse {
            margin-left: 53% !important;
            width: 124% !important;
        }
/*
        .ipadairr {
            margin-left: 41% !important;
            width: 122% !important;
        }*/

        .deliverylabel2 {
            padding-left: 0% !important;
        }

        .eecertificat {
            margin-top: 41% !important;
        }

        .ipadprocenodeth {
            margin-right: -3% !important;
            padding-top: 9%;
        }

        .ipadpromarr {
            margin-left: -71px !important;
        }

        .marriage {
            margin-left: 9% !important;
        }

        .marriageAddnew {
            margin-left: 2.5% !important;
        }

        .cenodeathbox {
            margin-left: 7% !important;
        }

        .ipadpropaymentpadding {
            padding-top: 18px !important;
        }

        .ipadpropro {
            height: 366px !important;
        }

        .vobutal {
            margin-left: -67px !important;
        }

        .endomarrbut {
            margin-left: -90px !important
        }

        .ipadprocont {
            margin-top: 0% !important;
        }

        .tablescroll .Paymenttable-width {
            width: 100% !important;
        }

        .tablescroll .secondtable {
            width: 100% !important;
            margin-left: 0px !important
        }

        .feeslabel {
            margin-left: -28px !important;
        }

        .ipadpromargin {
            margin-left: 34px !important;
        }

        .thirdtable {
            width: 114% !important;
        }

        .padding0 {
            margin-left: -28px;
        }

        .Pro-box {
            float: left !important;
        }

        .SubmitQues {
            width: 50%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .Cancelques {
            width: 22%;
            margin-right: 2%;
        }

        .quespopipad {
            padding-top: 29% !important;
            margin-left: 33% !important;
        }

        .fa-trash {
            float: none !important;
        }

        .td_data {
            width: 12% !important;
        }

        .table-td-amount {
            float: none !important;
        }

        .requestAction {
            float: none !important;
            width: 10% !important;
            padding-right: 0% !important;
            padding-left: 0% !important;
        }

        .uniyslogo {
            width: 138px !important;
            padding-top: 17% !important;
            margin-right: 22% !important;
        }

        .logodiv {
            width: 20% !important;
        }

        #Logo-Div {
            width: 18% !important
        }

        .btn-div {
            padding-top: 3% !important;
        }

        .cenomar-model {
            margin-left: 145px !important;
        }

        .fedexContent {
            margin-top: 10%;
        }

        .avail-ipad {
            float: right !important;
        }

        .ipad-piece {
            width: 50%;
        }

        .buttons {
            margin-left: 12% !important;
        }

        .validationMessage {
            margin-left: 10px !important;
            margin-top: 0px !important;
        }

        .div-notopted {
            float: none;
        }

        .buttoncon {
            padding-right: 0% !important;
        }

        .buttoncansub {
            float: right !important;
        }

        #InputError span.wrong-field {
            padding-left: 0% !important;
            margin-top: 0px !important;
            margin-left: 55px !important;
        }

        .dhl-pieceid {
            float: none !important;
            margin-right: 0% !important;
        }

        .btn-div2 {
            padding-top: 1% !important;
        }

        .dhlbtncancel {
            margin-bottom: 1% !important;
        }

        .buttonpiece {
            padding-right: 0% !important;
        }

        .dhl-row {
            padding-top: 13%;
        }

        .DHL-content {
            margin-left: 21% !important;
        }

        .dhlbtn-div {
            float: right !important;
        }

        .addNewCeno {
            margin-left: 6% !important;
        }

        .DHL-DIV {
            margin-top: 35% !important;
        }

        .alert-text {
            padding-top: 10% !important;
            border-right: 1px solid #D5D5D5;
            border-left: 1px solid #D5D5D5;
            margin-left: 2%;
            margin-right: 2%;
            padding-bottom: 100%;
        }

        .reupload-exp {
            padding-top: 10% !important;
            border-right: 1px solid #D5D5D5;
            border-left: 1px solid #D5D5D5;
            margin-left: 2%;
            margin-right: 2%;
            padding-bottom: 100%;
        }

        .ipad-td {
            display: grid !important;
            float: none !important;
            margin-top: 0% !important;
        }

        .uploaddoc-table {
            display: table-row-group !important;
        }

        .res-upload {
            display: table-row !important;
        }

        .loa-res {
            margin-left: 0% !important;
        }

        .LOA-div {
            width: 28% !important;
        }

        .DfaAddress {
            margin-left: -1.5% !important;
        }

        .template-div {
            width: 54% !important;
        }

        .loa-div {
            width: 38% !important;
        }
        /*.payment-heading {
        padding-top: 1% !important;
        padding-left: 0% !important;
    }*/
        .payment-heading {
            margin-left: -2.5%;
            margin-top: 0% !important;
        }

        .addNewMar {
            margin-left: 12% !important;
        }

        .contactUs img {
            height: 425px !important;
            margin-top: 0px;
        }

        .table-th-eventplace {
            width: 26% !important;
        }

        /*.table-td-amount {
        float: right !important;
    }*/

        .delivery-div {
            margin-top: -8%;
        }

        .delivery-h {
            margin-left: -3%;
        }

        .table-th-amount {
            float: none !important;
            text-align: right !important;
            padding-right: 7% !important;
        }

        .privacyPlicyResp {
            padding-top: 5% !important;
        }

        .verticalLinealert {
            height: 110px !important;
        }

        .modalAlertlg {
            width: 100% !important;
            top: -2% !important;
        }

        .ack-res {
            padding-bottom: 13%;
        }

        .delivery .heading-underlined h1 {
            margin-top: 0% !important;
        }

        .img-position {
            margin-left: 2%;
        }

        .ack_amount span {
            float: right !important;
        }

        .Footer-logo-padding {
            margin-left: 100%;
            float: left;
        }

        .certType {
            width: 15% !important;
            vertical-align: middle !important;
        }

        .docOwner {
            width: 22% !important;
            vertical-align: middle !important;
        }

        .eventDate {
            width: 12% !important;
            vertical-align: middle !important;
        }

        .eventPlace {
            width: 20% !important;
            vertical-align: middle !important;
        }

        .noOfCopies {
            width: 16% !important;
            vertical-align: middle !important;
        }

        .amountAck {
            width: 10% !important;
            padding: 0% !important;
            vertical-align: middle !important;
            text-align: right !important;
            padding: 10px !important;
        }

        .telephone a {
            color: white;
            text-decoration: none;
        }

        .reqmarr {
            margin-left: -143px !important;
        }

        .middlediv {
            padding-left: 0% !important;
        }

        .td-res {
            float: right;
        }

        .credit-terms {
            margin-left: 0% !important;
        }

        .credit-button {
            margin-left: 4% !important;
        }

        .summaryButtons {
            padding: 0px !important;
            padding-right: 13px !important;
        }

        .ackTable {
            /*width:60% !important;*/
        }

        .paymentTableHeading {
            padding-right: 0px !important;
        }
        /*.termsButtons, .resp-credit-terms{
        padding-left:4% !important
    }*/
        .deliveryInHome {
            margin-top: 22px;
        }

        .res-img {
            width: 23%;
        }

        .payment {
            width: 93% !important;
            margin-left: 37px !important;
            margin-right: 2% !important;
        }

        .Payment-terms {
            width: 100%;
            overflow-y: hidden;
        }

        /*.payNow {
        margin-top: -23% !important;
    }*/

        .terms-condition-div {
            max-height: 700px !important;
            margin-right: 4%;
            margin-left: 4%;
        }

        /*.row-resp {
        width: 65% !important;
    }*/

        .summary-tab-div3 table tbody td {
            padding-left: 0% !important;
        }

        .address-table {
            padding-bottom: 0% !important;
        }

        /*.summary-tab-div1-edit {
        padding-left: 35%;
    }*/

        .certificatePopup {
            top: 12% !important;
        }

        .questionAnserPopup {
            top: 0% !important;
        }

        .birth-contain {
            position: fixed;
            width: 59% !important;
        }

        .payack {
            width: 88% !important;
        }

        .creditP {
            background-color: white !important;
        }

        .Payment-terms {
            width: 100%;
            margin-right: 23%;
            margin-left: 0%;
            overflow-y: hidden;
        }

        .button-res {
            padding-left: 0% !important;
            float: right;
        }

        .homescreen-res {
            margin-right: 4%;
            margin-left: 4%;
        }



        .certificate-responsive {
            padding-top: 2%;
            /*width:150% !important;*/
        }
        /*..C-details {
         width: 125% !important;
     }
    .button-responsive {
         padding-right: 15%;
     }*/
        .birth-contain .birth-btn, .Marriage_responsive .mrg-btn, .Death_responsive .death-btn, .Cenomar_responsive .cenomar-btn {
            left: 72% !important;
        }

        .UnionBankOnline {
            margin-top: -10%;
            border: none !important;
            width: 155%;
        }

        /*.res-Payment {
        padding-bottom: 21.5% !important;
    }*/

        .responsive {
            /*width: 150% !important;*/
        }

        .aboutus-div {
            margin-left: 7% !important;
        }

        .payment {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .ecensus-home-page .navbar-default .hero-search {
            padding-right: 31px;
        }

        .instruction {
            width: 100% !important;
        }

        .ipadpro {
            margin-top: 0% !important;
        }

        .homescreen-responsive {
            width: 100% !important;
        }

        .row-responsive {
            margin-right: 0px !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .table-xs {
            float: none;
            width: 100%;
        }

        .delivery-detal {
            float: none;
            width: 100%;
        }

        .delivery .table-responsive {
            padding-top: 20px;
            width: 100%;
        }

        .unionBankBranch {
            width: 161%;
            margin-top: 20%;
        }

        .slider-input-group {
            width: 90%;
            margin: 0 auto;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .consentPopUp {
            max-height: 300px !important;
            overflow-y: auto !important;
        }

        .Serbilis-logo {
            width: 40% !important;
        }

        .clearfix-responsive {
            line-height: 1%;
            overflow-y: auto;
            max-height: 320px !important;
        }

        .responsive-consent {
            max-height: 500px !important;
            margin-top: 30% !important;
        }

        .consent-table {
            width: 100% !important;
        }

        .consentPopUp table td {
            line-height: 14px !important;
        }

        .consent-heading {
            font-size: 20px !important;
        }

        .div-responsive {
            margin-top: 0% !important;
        }

        .ecensus-home-page .home-slider .slItems .slText .form-control {
            width: 50%;
            margin-left: 17%;
        }

        .ecensus-home-page .download-band .accordion.panel-group .panel-heading .accordion-toggle {
            float: left;
            width: 100%;
        }

        .modal .modal-dialog.modal-lg {
            width: 785px;
            margin: 0 auto;
            top: 8%;
        }

        .modal .modal-dialog .modal-header .modal-title {
            font-size: 15px;
        }

        .modal .modal-dialog .modal-header .close {
            font-size: 26px;
            margin-top: -4px;
        }

        .modal .modal-dialog .modal-body {
            max-height: 310px;
            padding: 15px;
            padding-top: 10px !important;
        }

            .modal .modal-dialog .modal-body p {
                margin: 8px 0px;
            }

            .modal .modal-dialog .modal-body .btn {
                min-width: 65px;
                padding: 5px 10px;
            }

        #ImportantAnnouncement .modal-body .text-center {
            margin-bottom: 15px !important;
        }

        .request-certificate-wrapper .header-wrapper .container {
            width: 940px;
        }

        .modal .question-answers-modal.modal-dialog .modal-body {
            max-height: 290px;
        }

        .question-answers-modal .modal-body .body-wrapper .heading {
            font-size: 13.5px;
            line-height: 20px;
        }

        .question-answers-modal .modal-body .body-wrapper .question-row {
            padding-bottom: 0px;
        }

        .question-answers-modal .modal-body .body-wrapper .question {
            font-size: 12.5px;
            margin-bottom: -5px !important;
        }

        .question-answers-modal .modal-body .body-wrapper .radio {
            margin-left: 3px;
        }

            .question-answers-modal .modal-body .body-wrapper .radio label {
                font-size: 12.5px;
            }

        .question-answers-modal .modal-body .body-wrapper input[type="radio"] ~ .text::before {
            height: 17px;
            min-width: 17px;
            font-size: 7px;
        }

        .question-answers-modal .modal-body .body-wrapper .text-right {
            margin-bottom: 15px;
        }

        .question-answers-modal .modal-body .body-wrapper .btn, .question-answers-modal .modal-body .body-wrapper .btn .fa {
            font-size: 12.5px;
        }

        .birth-certificate-dashboard {
            padding: 13px 0px;
        }

        .ecensus-home-page .wizard {
            padding-bottom: 5px;
            /*width: 125%;*/
            width: 100%;
        }

            .ecensus-home-page .wizard ul {
                /*width: 1986% !important;*/
                width: 100% !important;
                margin-top: 3% !important;
            }

                .ecensus-home-page .wizard ul li {
                    margin: 8px 10px;
                    font-size: 13.5px;
                    padding: 0 10px 0 15px;
                    line-height: 37px;
                    width: 100% !important;
                }

                    .ecensus-home-page .wizard ul li .step {
                        margin-right: 4px;
                    }

                    .ecensus-home-page .wizard ul li .chevron {
                        border-width: 19px;
                        right: -16px;
                    }

                        .ecensus-home-page .wizard ul li .chevron::before {
                            right: -1px;
                            border-width: 24px;
                        }

        .birth-certificate-dashboard .step-content {
            padding: 15px 20px;
            padding-right: 0%;
            /*margin-right: -20%;*/
            margin-right: 0%;
        }

            .birth-certificate-dashboard .step-content .step-pane .title {
                font-size: 15px;
                margin-bottom: 15px;
            }

        .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
            font-size: 13px;
        }

        .ecensus-home-page .form-control {
            font-size: 13px;
            padding: 5px 10px;
            height: 34px;
        }

        .birth-certificate-dashboard ol li, .birth-certificate-dashboard ul li {
            font-size: 13px;
            font-weight: 300;
        }

        .birth-certificate-dashboard .step-wizard-footer {
            padding: 0px 5px 3px 5px;
        }

            .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
                width: 100%;
                padding-left: 0px;
            }

        .birth-certificate-dashboard .btn {
            font-size: 13px;
            min-width: 60px;
            padding: 5px 8px;
        }

            .birth-certificate-dashboard .btn .fa {
                font-size: 13px;
            }

        .birth-certificate-dashboard #simplewizardstep2 .radio-box {
            padding: 10px;
            width: 26%;
            margin-bottom: 6px;
        }

        .birth-certificate-dashboard .italic-tag {
            font-size: 13px;
        }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 62%;
        }

        .birth-certificate-dashboard .zip-code-find-div a {
            width: 46%;
            margin-top: 8px;
            right: 31px;
        }

        .ecensus-home-page .table.flip-content thead tr th {
            font-size: 12.5px !important;
        }

        #resp-certificate {
            padding-bottom: 1% !important;
        }

        #resp-summaryamount {
            /*padding-right: 96%;
        line-height: 428%;*/
        }

        #resp-summaryaction {
            padding-left: 0% !important;
        }

        .fa-trash:before {
            padding-left: 0%;
        }

        .action-resptable {
            padding-bottom: 1% !important;
        }

        .th-responsive {
            padding-bottom: 0% !important;
        }

        .ecensus-home-page .table.flip-content tbody tr td {
            font-size: 12.5px !important;
            font-weight: 400 !important;
        }

        .td-data {
            width: 17% !important;
        }

        .summary-mb-30 {
            margin-bottom: 20px !important;
        }

        .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
            display: table-row;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-top: 5px !important;
        }

        .birth-certificate-dashboard .black-big-heading {
            font-size: 13px;
        }

        .birth-certificate-dashboard #simplewizardstep4 .italic-tag {
            font-size: 13px;
        }

        .ecensus-home-page .form-value {
            font-size: 13px;
        }

        #AddNewRequestModal .modal-body .product-items {
            padding-top: 8px;
        }

            #AddNewRequestModal .modal-body .product-items .container {
                width: 99%;
            }

            #AddNewRequestModal .modal-body .product-items .hero-item {
                width: 28%;
                margin-bottom: 10px;
                margin-left: 28px;
                margin-right: 0px;
                padding: 0px;
                height: 100%;
            }

                #AddNewRequestModal .modal-body .product-items .hero-item .product-name {
                    font-size: 14px;
                }

        .ecensus-home-page .confirmation-dialog {
            top: 7% !important;
            width: 50%;
            margin: 0 auto;
        }

            .ecensus-home-page .confirmation-dialog .modal-body {
                padding-top: 15px !important;
                font-size: 13px;
            }

        .ecensus-home-page .navbar-default .navbar-header .navbar-brand img {
            height: 70px;
            width: 251px;
            margin-top: 0%;
        }

        .ecensus-home-page .navbar-default .hero-search .input-group label {
            color: #1F439B;
            font-weight: 700;
            font-size: 19px;
        }

        .ecensus-home-page .navbar-default .hero-search #txtReference {
            width: 82%;
            float: left;
            font-size: 12px;
            height: 40px;
            border-radius: 10px !important;
            border: 1px solid #C7C7C7;
            box-sizing: border-box;
            box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
            padding-left: 10px;
        }

        .ecensus-home-page .navbar-default .hero-search .input-group-btn {
            width: 15%;
            float: left;
            padding-left: 15px;
        }

            .ecensus-home-page .navbar-default .hero-search .input-group-btn .btn.btn-common {
                color: #fff;
                height: 40px;
                padding: 5px 12px;
                border-radius: 10px !important;
                border: transparent;
                font-weight: 700;
                background: #1F439B;
                font-size: 14px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 8px !important;
                box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
            }

            .ecensus-home-page .navbar-default .hero-search .input-group-btn .btn.btn-common {
                padding-top: 10px !important;
            }

        .navbar-collapse img {
            padding-top: 2%;
            padding-left: 14% !important;
            padding-bottom: 1%;
        }

        .ecensus-home-page .navbar-default .navbar-nav > li > a, .ecensus-home-page .navbar-nav.navbar-right li .request-select {
            font-size: 18px;
            padding-left: 14px !important;
            padding-right: 17px !important;
        }

        #MenuBar {
            display: block;
            width: 111% !important;
            background-image: linear-gradient( 269.69deg, #C4D5FF 0.04%, #FFFFFF 100%);
            padding: 0px 23%;
            padding-bottom: 1% !important;
        }

        .border {
            box-sizing: border-box;
            border-bottom: none;
            padding-left: 20%;
            padding-right: 26%;
            width: 100% !important;
            margin-bottom: 0%;
            padding-top: 11%;
        }

        .onlineapp-responsive {
            line-height: 125% !important;
            margin-bottom: 3% !important;
        }

        .column {
            width: 378px !important;
            height: 543px !important;
        }

        .div_birth {
            margin-top: 126px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_birthimg {
            margin-left: 50px !important;
        }

        .div_marriage {
            margin-top: -23px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_marriageimg {
            margin-left: 49px !important;
        }

        .div_death {
            margin-top: 77% !important;
            margin-left: 0% !important;
        }

        .onlineapplication_deathimg {
            margin-left: 46px !important;
        }

        .div_cenomar {
            margin-top: -21px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 42px !important;
        }

        .ecensus-home-page .navbar-default .hero-search {
            width: 32%;
            margin-right: 0%;
        }

        .ecensus-home-page {
            width: 100%;
        }

        .heading-underlined {
            padding-top: 6% !important;
            /*padding-left: 3% !important;*/
        }

        .delivery-heading {
            padding-top: 0% !important;
        }

        .col-md-6 {
            margin-left: -1%;
            margin-right: -2%;
        }

        .instruction {
            width: 100% !important;
        }

        /*.row-resp {
        margin-right: -26%;
        margin-left: 10%;
    }*/

        .payment {
            width: 93% !important;
            margin-left: 3% !important;
            padding-top: 10% !important;
        }

        .delivery {
            padding-top: 0%;
        }

        .procedure-steps {
            padding-bottom: 7%;
        }

        .seperator {
            padding-left: 16%;
        }

        .announcementhearder {
            padding-top: 2% !important;
        }

        #skrollr-body {
            border: none !important;
            min-height: 1075px;
            /*padding-left: 4%;*/
        }

        #masterlayoutfooter {
            /*width: 128%;*/
            margin-left: 12px !important;
        }

        .modal .question-answers-modal.modal-dialog .modal-body {
            max-height: 415px !important;
        }

        .request-certificate {
            width: 41%;
        }

        .forwardArrow {
            margin-top: 0%;
            margin-left: 0%;
            transform: rotate(0deg);
            float: right;
        }

        .payment-info {
            width: 33%;
            margin-left: 0%;
            margin-top: 0%;
        }

        .delivery-info {
            width: 25%;
            margin-left: 0%;
            margin-top: 0%;
        }

        .seperator {
            width: 165% !important;
        }

        .anouncement-res {
            padding-bottom: 12%;
        }

        .ecensus-home-page .footer .footer-info-div .links ul {
            width: 100%;
        }

        .BDOATM {
            width: 152%;
        }

        .request-certificate-wrapper .mt-10 {
            margin-top: 86px !important;
            margin-right: -66% !important;
            margin-left: 2% !important;
        }

        .request-certificate-wrapper .btn-wrap {
            padding: 15px 10px;
            margin-right: -66%;
            position: absolute;
            left: 118%;
        }

        .container {
            width: 970px;
        }

        .Birth_responsive {
            position: fixed;
            width: 59% !important;
        }

        .Death_responsive {
            position: fixed;
            width: 59% !important;
        }

        .Marriage_responsive {
            position: fixed;
            width: 59% !important;
        }

        .Cenomar_responsive {
            position: fixed;
            width: 59% !important;
        }

        #responsive-paymentack {
            display: block !important;
            text-align: start !important;
            height: 40px !important;
            width: 102.5% !important;
            margin-top: 0% !important;
            padding-top: 0% !important;
            padding-bottom: 2% !important;
        }

        .t_header {
            background-color: #659BB6;
            color: white;
            text-align: center;
            padding-bottom: 1% !important;
        }

        #responsive-PGtable {
            width: 100% !important;
        }

        /*.table-responsive {
        padding-top: 80px;
        width: 165%;
    }*/

        .resp-question {
            height: 0%;
            width: 93% !important;
        }

        .ecensus-home-page .heading-underlined h1 {
            margin-top: 5% !important;
        }

        .checkref-table {
            padding-bottom: 1% !important;
        }

        #divDetail {
            padding-top: 8% !important;
            padding-bottom: 15% !important;
        }

        .resp-transaction {
            padding-left: 2% !important;
        }

        #resp-RRno {
            padding-left: 2%;
        }

        #resp-ques {
            padding-left: 2%;
        }

        #resp-payment-credit {
            padding-top: 6%;
        }

        #responsive-paymentscreen {
            padding-top: 0%;
        }

        .locAdd {
            font-size: 15px !important;
        }

        .contactuslocation {
            font-size: 15px !important;
            font-weight: bold;
        }

        .contactusemail1 {
            font-size: 17px !important;
        }

        .contactus-txt {
            font-size: 15px !important;
            font-weight: bold;
        }

        .contactus-sendbtn {
            width: 24%;
            margin-right: 15% !important;
        }

        .resp-contactus {
            padding-bottom: 44.5% !important;
        }

        #impann1 {
            margin-top: 35% !important;
        }

        .questionpopup {
            margin-top: 19% !important;
        }

        #confirm1 {
            margin-top: 9% !important;
        }

        #consent1 {
            margin-top: 18% !important;
        }
    }



    @media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
        .alert-text {
            padding-bottom: 30% !important;
            padding-top: 6% !important;
        }
        .btn-div2 {
            margin-left: 29% !important;
            padding-top: 1%;
        }
        
            .btn-div {
            margin-left: 28% !important;
            padding-top: 3%;
        }
        .AddNewCenoD {
            width: 220px !important;
        }
        .CenoDeathDiv {
            display: inherit !important;
        }
        .div_Cenodeath {
            margin-left: 0% !important;
            width: 75%;
        }
        .mobleres{
            width:38%;
        }
        .cenodeathbox {
            width: 255px !important;
            margin-left: 65px !important;
        }

        .deliverylabel {
            width: 34% !important;
        }
        .psavo {
            margin-left: 92% !important;
            margin-top: -8% !important;
        }

        .footeree {
            margin-top: 161px !important;
        }

        .Radio-Div {
            padding-left: 0% !important;
        }

        .deliverylabel2 {
            padding-left: 0% !important;
        }
        .ipadprolandradio {
            padding-left: 44px !important;
        }
        .table_width1 {
            width: 100% !important;
        }

        .table_width2 {
            width: 100% !important;
        }

        .thirdtable {
            width: 100% !important;
        }

        .resp_logo {
            padding-left: 0% !important;
        }

        .ipadproLandtxtbox {
            margin-left: 36px !important;
        }

        .ipadproLanderrbox {
            padding-left: 36px !important;
        }

        .dhlcanclipad {
            float: right;
        }

        .headingpayment {
            padding-top: 62px !important;
        }
        .ipadproLandtxtbox {
            margin-left: 36px !important;
        }

        .ipadproLanderrbox {
            padding-left: 36px !important;
        }
        .dhlContent {
            width: 80% !important;
            margin-left: 10% !important;
            overflow-y: hidden;
        }

        .div-bottom {
            padding-bottom: 33% !important;
        }

        #Error span.wrong-field {
            margin-left: 16px !important;
            margin-top: 0px !important;
            width: 188px !important;
        }

        #InputError span.wrong-field {
            padding-left: 0% !important;
            margin-top: 0px !important;
            margin-left: 51px !important;
        }

        #dhldiv {
            width: 750px !important;
        }

        .reupload-exp {
            padding-bottom: 30% !important;
            padding-top: 6% !important;
        }

        .cenemor {
            margin-left: 3%;
        }

        .loa-div {
            width: 13% !important;
        }

        .LOA-div {
            width: 9% !important;
        }

        .reupload-div {
            padding-bottom: 30% !important;
        }

        addNewCeno {
            margin-left: 5% !important;
        }

        .privacyPlicyResp {
            padding-top: 3%;
        }

        .contactUs img {
            height: 425px !important;
            margin-top: 0px;
        }
        /*.last-div{
        padding-left:0% !important;
    }*/
        .telephone a {
            color: white;
            text-decoration: none;
        }

        .creditP {
            margin-top: 5%;
        }

        .modalAlertlg {
            width: 100% !important;
            top: 8% !important;
        }

        .verticalLinealert {
            height: 110px !important;
        }

        .res-delivery {
            padding-bottom: 30% !important;
        }

        .Payment-terms {
            padding-bottom: 6% !important;
        }

        .credit-terms {
            margin-left: 0% !important;
        }

        .middlediv {
            padding-left: 0% !important;
        }

        .credit-button {
            margin-left: 0% !important;
        }

        #skrollr-body {
            height: auto !important;
        }

        .OnlineApp {
            padding-bottom: 20% !important;
        }

        /*.res-Payment {
        padding-bottom: 32.5% !important;
    }*/

        .aboutus-div {
            padding-bottom: 25% !important;
        }

        .resp-contactus {
            padding-bottom: 74% !important;
        }

        .mainCertificateDiv {
            padding-bottom: 25.5% !important;
        }

        .paymentChannelScreen {
            padding-bottom: 50% !important;
        }

        .paymentScreen {
            padding-bottom: 32% !important;
        }

        .payack {
            padding-bottom: 12% !important;
        }

        .resp-footer {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .resp-transaction {
            padding-bottom: 80% !important;
        }
    }

    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:1024px) and (max-device-width:1366px) and (orientation : landscape) {

        .Serbilis-logo {
            width: 50% !important;
        }
        .popupawilbtnaln {
            margin-top: -3% !important;
        }
        .div_birthonlinepro {
            margin-top: 126px !important;
            margin-left: 1% !important;
        }
        /*.res-Payment {
        padding-bottom: 21.5% !important;
    }
    .res-delivery{
         padding-bottom: 18.5% !important;
    }*/
        /*.locAdd {
        font-size: 11px !important;
    }
     .contactlocation {
        font-size: 13px !important;
    }
     .contactuslocation{
        font-size:12px !important;
        font-weight: bold;
    }
      .contactusemail1{
        font-size: 11px !important;
    }
    .contactus-txt{
        font-size:13px !important;
        font-weight: bold;
    }*/

        .terms-condition-div {
            max-height: 650px !important;
        }

        .OnlineApp {
            padding-bottom: 13%;
        }
       
        .seperator {
            margin-left: 0% !important;
        }
        /*.res-Payment {
    padding-bottom: 21.5% !important;
}*/

        .payment-footer {
            top: 19% !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .consent-heading {
            font-size: 20px !important;
        }



        .responsivePopUp {
            max-height: 1000px !important;
            overflow-y: auto;
        }


        .creative-logo {
            width: 25% !important;
            margin-right: 4%;
        }

        .gotit-responsive {
            line-height: 1%;
        }

        /*.respbirth {
    padding-bottom: 15% !important;
}*/

        /*.resp-contactus {
    padding-bottom: 21% !important;
    padding-top: 3%;
}*/

        #divDetail {
            padding-top: 2% !important;
            /*padding-bottom: 18% !important;*/
        }

        #impann1 {
            /*margin-top: 14% !important;*/
        }

        .questionpopup {
            margin-top: 4%;
        }

        #confirm1 {
            margin-top: 0%;
        }

        #consent1 {
            margin-top: 5%;
        }

        #certificatepopup1 {
            top: 9%;
        }

        /*.footer-left-logo {
    padding-left: 3% !important;
        }
    /*.resp-footer {
    margin-top: 21%;
}*/

    }
    /* ----------------------------------------- */
    /* $$$$$$$$$ IPAD PRO STYLES END $$$$$$$$$ */
    /* ----------------------------------------- */
    /* ======================================================================= */
    /* @@@@@@@@@@@@@@@@@@@@@@@ TABLET STYLES END @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ======================================================================= */
    /* ========================================================================== */
    /* @@@@@@@@@@@@@@@@@@@@@@@ DESKTOP STYLES START @@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ========================================================================== */
    /* --------------------------------------------------- */
    /* $$$$$$$$$ 768 X 1366 DESKTOP STYLES START $$$$$$$$$ */
    /* --------------------------------------------------- */
    /* &&&&&&& PORTRAIT MODE &&&&&&& */
    @media(min-device-width:768px) and (max-device-width:1366px) and (orientation : portrait) {

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

    .secondradioprores{
        width:53% !important;
    }
        .piceconfirbtn {
            width: 45%;
        }
        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .request-certificate-wrapper .mt-10 {
            margin-top: 86px !important;
        }

        .padding_td {
            padding-right: 72px !important;
            /*padding-right: 72px !important;*/
        }

        .paynow-responsive {
            margin-top: 6%;
        }

        .payment-div {
            padding-bottom: 0% !important;
        }
    }
    /* &&&&&&& LANDSCAPE MODE &&&&&&& */
    @media(min-device-width:768px) and (max-device-width:1366px) and (orientation : landscape) {
        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }
    }
    /* --------------------------------------------------- */
    /* $$$$$$$$$ 768 X 1366 DESKTOP STYLES END $$$$$$$$$$$ */
    /* --------------------------------------------------- */
    /* ========================================================================== */
    /* @@@@@@@@@@@@@@@@@@@@@@@ DESKTOP STYLES END @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
    /* ========================================================================== */

    @media (min-device-width: 411px) and (max-device-width: 731px) and (orientation: portrait) {
        .sendBtnDiv {
            margin-left: 0% !important;
        }

        .mobileres {
            margin-left: 20px !important;
        }

        .mobileres2 {
            margin-left: 15px !important;
        }

        .mobileres3 {
            margin-top: 7px !important;
            margin-left: 18px !important;
        }

       

        .moblierep {
            margin-top: 9px !important;
        }

        #pfspadd1txtbox {
            margin-left: 14px;
            width: 64% !important;
        }

        .LOA-div {
            width: 30% !important;
        }

        .DfaAddress {
            margin-left: 0% !important;
        }

        .uploadtable-display {
            display: flex !important;
        }

        .resp-contactus {
            display: grid;
            -webkit-box-orient: vertical;
            margin-top: 5%;
            overflow-y: auto !important;
            border: none !important;
        }

        .contactUs {
            -webkit-box-ordinal-group: 2;
            order: 1;
            width: 100%;
        }

        .contactUsFormPage {
            -webkit-box-ordinal-group: 1;
            order: 0;
            width: 100% !important;
        }

        .contactUsForm .form-control {
            width: 71% !important;
        }

        .contactUsWrapperDiv {
            margin: 0% !important;
            margin-bottom: 5% !important;
        }

        .contactUsForm {
            padding-right: 0px !important;
        }

        .refNumber .form-control {
            width: 68% !important;
        }

        .commentDiv .form-control {
            width: 71% !important;
        }

        .aboutUsPara {
            padding-left: 0px !important;
        }

        .errorMsgP {
            width: 80%;
        }

        .GetPSA {
            width: 72%;
        }

        .credit-payment {
            width: 75% !important;
        }

        .ref-div {
            width: 60% !important;
            padding-left: 0px !important;
        }

        .textdiv {
            width: 100% !important;
        }

        .button-align {
            width: 20% !important;
            position: initial;
        }

        .first-td {
            padding-bottom: 3% !important;
        }

        .middletd {
            padding-bottom: 2.9% !important;
        }

        .contactus-div {
            margin-top: 0% !important;
        }

        .Refno {
            width: 62% !important;
        }

        .payment-p {
            line-height: 1.5 !important;
        }

        .Refbox-res {
            margin-left: 26% !important;
            padding-left: 12% !important;
            /*padding-top: 1.5% !important;*/
        }

        /*.menubar {
        margin-top: -2% !important;
    }*/

        .resp-question {
            height: 50% !important;
            width: 67.5% !important;
            margin-left: 0% !important;
        }

        .contactus-sendbtn {
            margin-right: 31% !important;
            padding-left: 10% !important;
            padding-right: 17% !important;
        }

        .secondHeading {
            padding-left: 0px !important;
        }

        .resp-transaction {
            padding-top: 12% !important;
        }

        .courierUrlResp {
            line-height: 30px !important;
        }

        .resultDesc {
            width: 90% !important;
        }

        .flip-scroll thead.bordered-palegreen > tr > th {
            border-right: 0px solid #a0d468 !important;
        }

        .privacyPlicyResp {
            padding-top: 5% !important;
        }

        .UBTableDiv .companyCol {
            padding-bottom: 4%;
        }

        .requiredmsg {
            float: initial !important;
        }

        .responsivediv {
            padding-right: 8% !important;
            padding-left: 10% !important;
            width: 95% !important;
        }

        .payment-res {
            width: 97%;
        }

        .button-position {
            padding-right: 26% !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        .UBTableDiv .subscrCol {
            padding-bottom: 8%;
        }

        .UBTableDiv .amountCol {
            padding-bottom: 7%;
        }

        .div_birth {
            margin-top: 194px !important;
            margin-left: 1% !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .responsive-logo {
            width: 56% !important;
        }

        .responsive-Creativelogo {
            width: 32% !important;
        }

        .ml-space {
            font-size: 10px !important;
            line-height: 14px !important;
        }

        .header-responsive {
            font-size: 12px !important;
        }

        .onlineapplication_birthimg {
            margin-left: 35% !important;
        }

        .div_marriage {
            margin-top: 50px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_marriageimg {
            margin-left: 89px !important;
        }

        .div_death {
            margin-top: 77% !important;
            margin-left: 0% !important;
        }

        .onlineapplication_deathimg {
            margin-left: 89px !important;
        }

        .div_cenomar {
            margin-top: 85px !important;
            margin-left: 0% !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 89px !important;
        }

        .column {
            height: 594px !important;
            width: 300px !important;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            margin-left: 52% !important;
            width: 40% !important;
            position: absolute !important;
            right: 59% !important;
            top: 0px !important;
        }

        .request-certificate-wrapper label, .birth-certificate-dashboard label, .ecensus-home-page label {
            font-size: 12px !important;
            margin-left: 0%;
        }

        .Refbox-res label {
            font-size: 15px !important;
        }

        .input-group-lg {
            width: 71% !important;
        }

        .tdPaddinTopZero {
            padding-bottom: 2% !important;
        }

        .td_amount {
            padding-top: 0px;
            padding-bottom: 37px !important;
        }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 105% !important;
            padding-left: 53px !important;
        }

        #responsive-Lname {
            padding-left: 0%;
        }

        #responsive-Tname {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Lcard {
            padding-left: 0%;
        }

        #responsive-Tcard {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Lauthorization {
            padding-left: 0%;
        }

        #responsive-Tauthorization {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Lamount {
            padding-left: 0%;
        }

        #responsive-Tamount {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Ldate {
            padding-left: 0%;
        }

        #responsive-Tdate {
            margin-top: -6%;
            padding-left: 45%;
        }

        #responsive-Lref {
            padding-left: 0%;
        }

        #responsive-Tref {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-LRname {
            padding-left: 0%;
        }

        #responsive-TRname {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Ldelivery {
            padding-left: 0%;
        }

        #responsive-Tdelivery {
            margin-top: -8%;
            padding-left: 45%;
        }

        #responsive-Lpaid {
            padding-left: 0%;
        }

        #responsive-Tpaid {
            margin-top: -8%;
            padding-left: 45%;
            width: 110%;
        }

        .responsive-PGamt {
            line-height: 182% !important;
        }

        #cname {
            padding-bottom: 1% !important;
        }

        .resp-cname {
            padding-top: 3% !important;
        }

        #cnumber {
            padding-bottom: 1% !important;
        }

        .resp-cnumber {
            padding-top: 3% !important;
        }

        #authorization {
            padding-bottom: 1% !important;
        }

        .resp-authorization {
            padding-top: 3% !important;
        }

        #amount {
            padding-bottom: 1% !important;
        }

        .resp-amount {
            padding-top: 3% !important;
        }

        #date {
            padding-bottom: 1% !important;
        }

        .resp-amount {
            padding-top: 3% !important;
        }

        #referenceno {
            padding-bottom: 1% !important;
        }

        .resp-referenceno {
            padding-top: 3% !important;
        }

        #rname {
            padding-bottom: 1% !important;
        }

        .resp-rname {
            padding-top: 3% !important;
        }

        #delivery {
            padding-bottom: 1% !important;
        }

        .resp-delivery {
            padding-top: 3% !important;
        }

        #paid {
            padding-bottom: 1% !important;
        }

        .resp-paid {
            padding-top: 3% !important;
        }

        #resp-payment-credit {
            padding-top: 5%;
            padding-bottom: 59% !important;
        }

        .instruction {
            margin-top: 19% !important;
        }

        .text-center {
            margin-top: 0% !important;
        }

        #ImpNotice {
            padding-left: 17px !important;
            padding-right: 17px !important;
        }

        .arrow-responsive {
            float: right;
            margin-top: -74%;
            margin-right: 0% !important;
            transform: rotate(90deg);
        }

        .arrow-res {
            margin-top: -62%;
            float: right;
            transform: rotate(90deg);
            margin-right: 0% !important;
        }
    }

    @media (min-device-width: 540px) and (max-device-width: 720px) and (orientation: portrait) {
        .column {
            height: 572px !important;
            width: 478px !important;
        }

        .verticalLinealert {
            height: 120px !important;
        }

        .qusother {
            margin-left: 24px !important;
        }

        .qusothers {
            margin-left: 0px !important;
        }

        col-xs-6, .col-sm-6, .col-lg-6 {
            position: inherit !important;
        }

        sm-12, .col-md-12, .col-lg-12 {
            position: inherit !important;
        }

        .div_birth {
            margin-top: 162px !important;
            margin-left: 21% !important;
        }

        .onlineapplication_birthimg {
            margin-left: 38% !important;
        }

        .div_marriage {
            margin-top: -3px !important;
            margin-left: 23% !important;
        }

        .onlineapplication_marriageimg {
            margin-left: 169px !important;
        }

        .div_death {
            margin-top: 35% !important;
            margin-left: 23% !important;
        }

        .onlineapplication_deathimg {
            margin-left: 174px !important;
        }

        .div_cenomar {
            margin-top: 59px !important;
            margin-left: 27% !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 175px !important;
        }

        .birth-certificate-dashboard #addNewReqBtn {
            width: 30% !important;
            position: absolute !important;
            right: 81% !important;
            top: 5px !important;
        }

        .input-group-lg {
            width: 54%;
        }

        .ecensus-home-page .aboutUs-wrapper {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .numSpan {
            width: 17px !important;
            text-align: left !important;
        }

        #add1txtbox {
            width: 63% !important;
            margin-left: 4%;
        }

        #add2txtbox {
            width: 63% !important;
            margin-left: 4%;
        }
    }

    @media (min-device-width: 411px) and (max-device-width: 823px) and (orientation: portrait) {
        .aboutUsPara {
            padding-left: 0px !important;
        }

        .res-terms {
            height: 253px;
        }

        .dfa-div {
            padding-right: 4% !important;
        }

        .GetPSA {
            width: 72%;
        }

        .middletd {
            padding-bottom: 2.9% !important;
        }

        .first-td {
            padding-bottom: 3% !important;
        }

        .Refno {
            width: 62% !important;
        }

        .resp-question {
            height: 50% !important;
            width: 67.5% !important;
        }

        .contactus-sendbtn {
            margin-right: 36.5%;
        }

        .secondHeading {
            padding-left: 0px !important;
        }

        .resp-transaction {
            padding-top: 12% !important;
        }

        .courierUrlResp {
            line-height: 30px !important;
        }

        .resultDesc {
            width: 90% !important;
        }

        .flip-scroll thead.bordered-palegreen > tr > th {
            border-right: 0px solid #a0d468 !important;
        }

        .privacyPlicyResp {
            padding-top: 5% !important;
        }

        .UnionBankOnline {
            margin-bottom: 33%;
        }

        .qus-popup {
            margin-top: 18%;
        }

        .requiredmsg {
            float: initial !important;
        }

        .responsivediv {
            padding-right: 8%;
            padding-left: 10%;
            width: 95%;
        }

        .payment-res {
            width: 97%;
        }

        .button-position {
            padding-right: 0% !important;
        }

        #resp-payment-credit {
            padding-top: 5%;
        }

        .onlineapplication_deathimg {
            margin-left: 47px !important;
        }

        .marginn {
            margin-top: 25px;
            padding-top: 28px !important;
        }

        .onlineapplication_cenomarimg {
            margin-left: 47px !important;
        }

        .onlineapplication_marriageimg {
            margin-left: 47px !important;
        }

        .onlineapplication_birthimg {
            margin-left: 26% !important;
        }

        .column {
            height: 594px !important;
            width: 300px !important;
        }
    }
    /* &&&&&&& IPAD-AIR/ IPAD-MINI &&&&&&& */
    @media(min-device-width:820px) and (max-device-width:1180px) and (orientation : portrait) {
        .footeripadprotait {
            margin-bottom: -9% !important;
        }
        .popup-res {
            padding-left: 0% !important;
            margin-top: 0% !important;
        }
        .onlinealin{
            margin-top:5px;
        }
        .spacecertifres {
            margin-top: 6px;
        }
        .voipadair {
            padding-left: 17px;
        }
        .voimgipadair{
            padding-left:37px;
        }
        .voimgipadairbirth {
            padding-left: 17px;
        }
        .voimgipadaircenode {
            padding-left: 24px;
        }
        .vobtnair{
            padding-top:22px;
        }
        .vomarbtn {
            margin-top: 103px !important;
            padding: initial !important;
        }
        .vodetbtn {
            margin-top: 81% !important;
            padding: initial;
        }
        .vocenobtn {
            margin-top: 41% !important;
            padding: initial;
        }
        .vocenodeabtn {
            margin-top: 33% !important;
            padding: initial;
        }
            .ipadairpotradio {
            padding-left: 493px !important;
            margin-top: -14% !important;
        }
        .ipadairradiosecond {
            margin-bottom: -2% !important;
        }
        .ipadairradiose {
            margin-top: 3% !important;
        }
        .gapbtwslide {
            margin-top: 1%;
        }

        .birthreqipadair {
            margin-left: -8px !important;
        }

        .reqmarr {
            margin-left: -117px !important;
        }

        .deathreqipadair {
            margin-left: 18px !important;
        }

        .cenomarreqipadair {
            margin-left: 65px !important;
        }

        .cenodeathreqipadair {
            margin-right: 2% !important;
        }

        .row1chan {
            margin-left: 47px !important;
        }

        .ipadairboxleft {
            margin-left: -110px !important;
        }

        .dhl-pieceipad {
            padding-right: 0px !important;
        }

        .Ipadairpadding {
            width: 124% !important;
        }

        .BirthDiv {
            width: 25% !important;
            padding-right: 0% !important;
        }

        .div_Birth {
            margin-left: 29px;
            margin-bottom: 5% !important;
        }

        .secondtable {
            width: 114% !important;
        }

        .vobuttonal {
            margin-left: -55px !important;
        }

        .thirdtableP {
            width: 135% !important;
        }

        .div_Death {
            margin-left: 0px;
        }
        /*.ipadresponsiv {
        margin-left: -18% !important;
    }*/

        .ipadairres {
            margin-left: 65px !important;
            width: 100% !important;
        }

        .ipadairdiv {
            width: 161%;
        }

        .ipadairdeathdiv {
            margin-top: 6px !important;
            margin-left: 63px !important;
            width: 101% !important;
        }

        /*.ipadairmar{
     margin-left: 33% !important;
}*/
        /*.ipadaircenomar{
        margin-left: -23px !important;
    }*/
        .ipadairr {
            margin-left: 0px;
            width: 100%;
        }

        .ipadairdse {
            margin-left: -14px;
            width: 114%;
        }

        .payment-r {
            padding-top: 0% !important;
        }

        .margin {
            padding-top: 0px !important;
        }

        .ipadmpsaa {
            padding-bottom: 13% !important;
        }

        .ipadmcont {
            margin-top: -5% !important;
        }

        .dhl-confipad {
            width: 100%;
        }

        .othertextbox {
            margin-left: 37px !important;
        }

        .othererroripad {
            padding-left: 33px !important;
        }

        .Paymenttable-width {
            width: 114% !important;
        }

        .qesheading {
            margin-left: 1% !important;
            font-size: 20px !important;
        }

        .quespopali {
            margin-right: 83px !important;
        }

        .SubmitQues {
            width: 50%;
            float: right;
            margin-top: 0px;
            margin-right: -14px;
        }

        .otherdetailpop {
            margin-left: 282px !important;
        }

        .Cancelques {
            width: 22%;
            margin-right: 2%;
        }

        #dhltextbox {
            width: auto !important;
        }

        .cenomar-model {
            width: 742px !important;
        }
        /*#masterlayoutfooter{
        position:relative !important;
    }*/
        #InputError span.wrong-field {
            margin-left: 59px;
        }

        .div-bottom {
            padding-bottom: 44% !important;
        }
        /*.dhlContent{
        margin-top: 258px !important;
    }*/
        #inputError .wrong-field {
            margin-left: 13px !important;
            margin-top: 0px !important;
        }
        /*#addDHLButton {
        width: 44% !important;
    }
    #cancelFedExButton {
    width: 42% !important;
}*/
        /*#dhlExpressCancel{
        width:100px !important;
    }
    #dhlExpressSubmit{
        width:100px !important;
    }*/
        .fedexHeader {
            margin-left: 11px !important;
            padding-top: 1px !important;
        }

        .dhlbtn-div {
            float: right !important;
        }

        .loa-div {
            width: 21%;
        }

        .td_data {
            width: 10% !important;
        }

        .action-i {
            width: 9%;
        }

        .responsive-action {
            padding-left: 1% !important;
        }

        .ipad-copy {
            text-align: right !important;
        }

        .ack_amount span {
            float: right !important;
        }

        .certType {
            width: 15% !important;
        }

        .docOwner {
            width: 25%;
        }

        .eventDate {
            width: 15%;
        }

        .eventPlace {
            width: 15%;
        }

        .noOfCopies {
            width: 15%;
        }

        .birth-certificate-dashboard .step-wizard-footer .col-lg-6 {
            width: 101% !important;
            padding-left: 430px;
        }

        .t_header {
            background-color: #659bb6;
            color: white;
            text-align: center;
            padding-bottom: 1% !important;
        }

        .responsive-action {
            padding-left: 0% !important;
        }

        #resp-certificate {
            padding-bottom: 0% !important;
        }

        .table-ipadA {
            display: table-row !important;
        }

        .address-table {
            line-height: 340% !important;
            padding-bottom: 0% !important;
        }

        .table-th-amount {
            float: none !important;
        }

        .summary-tab-div2 .table tbody tr, .summary-tab-div3 .table tbody tr {
            display: table-row !important;
        }

        .ipad-th {
            padding-right: 8% !important;
        }

        .ipad-td {
            display: table-cell !important;
            float: none !important;
            margin-top: 0% !important;
            width: 1% !important;
        }

        .th-responsive {
            padding-bottom: 0% !important;
        }

        .action-resptable {
            padding-bottom: 0% !important;
        }
    }

    @media(min-device-width:820px) and (max-device-width:1180px) and (orientation : landscape) {
        #Error span.wrong-field {
            margin-left: 15px !important;
            margin-top: 0px !important;
        }
        .spacecertifres {
            margin-top: 6px;
        }
        .ipadairlandttextsec {
            width: 85% !important;
        }
        .ipadairdelevryradio {
            width:401px !important;
        }
        .ipadairlandradio {
            padding-left: 737px !important;
            margin-top: -11% !important;
        }
        .ipadairlandsecbtn {
            margin-left: -4%;
        }
        .home-align {
            width: 100% !important;
        }

        .thumbnailR {
            display: inline-flex !important;
            flex-wrap: nowrap !important;
        }

        .thumbnailDiv {
            width: 100% !important;
        }
        .searchbtnres {
            width: 256px !important;
        }
        .landair {
            width: 100% !important;
        }

        .dfdfd {
            margin-left: 29% !important;
        }

        .landscapeforair {
            margin-left: 0px !important;
        }

        .ipadminimaglan {
            height: 328px !important;
        }

        .landscapeair2 {
            margin-top: 0px !important;
            margin-left: 6px !important;
        }

        .landscapeair3 {
            margin-left: 38%;
            width: 73%;
        }

        .landair4 {
            margin-left: -20px;
            width: 112%;
        }

        .ipadairpadding2 {
            margin-left: -53px !important;
        }

        .ipadairmargin {
            margin-left: 27px !important;
        }

        .marginnn {
            margin-left: -22px !important;
        }

        .marginothtxtboxipadAirLand {
            margin-left: 32px !important;
        }

        .marginotherripadAirLand {
            padding-left: 33px !important;
        }

        .margin1 {
            padding-left: 50px;
        }

        .birth-certificate-dashboard .zip-code-find-div .italic-tag {
            width: 62%;
        }

        .div-bottom {
            padding-bottom: 16% !important;
        }

        .padding {
            padding-left: 0px !important;
        }

        .loa-div {
            width: 26%;
        }

        .pay-table {
            margin-top: 3%;
        }

        .wizardstep5 {
            font-size: 13px !important;
        }

        .menubar {
            float: right !important;
            padding-right: 3% !important;
        }
    }