/*responsive css*/

@media only screen and (max-width: 1200px) {
   .simple-header.for-sticky.sticky > .menu nav > ul > li{
        padding: 17px 10px;
    }
    .menu-toggle{
       margin: 39px 0;
    }
   .popup-client > span {
        margin: 39px 0;
    }
   .cust-theme .menu nav > ul > li{
       background: #333; 
       border-bottom: 1px solid #484848;
    }
   .cust-theme header .custom-menu nav > ul > li > a,  .cust-theme header.simple-header.sticky .custom-menu nav > ul > li > a{
        color: #fff;
    } 
    .cust-theme header.simple-header .menu nav > ul > li:hover{
        background: #333;  
    }
    .right-panel{
        width: 75%;
    }
    .prod-item{
        padding: 0 2%;
    }
    .cust-theme .about-carousal-sec > ul li .desc p {
        width: 85%;
    }
    .mb-pad-top-none{
        padding-top: 0 !important;
    }
    .custom-menu.menu .container {
        position: relative;
    }
    .custom-menu.menu nav{
        right: 3.5%;
    }
    #customDD .dropdown-menu{
        left: 0px;
    }
    .whyGolCo .service{
        height: 250px;
    }
    .cust-theme header .custom-menu nav > ul > li > a, .cust-theme header.simple-header.sticky .custom-menu nav > ul > li > a{
        padding: 10px;
    }
}
@media only screen and (max-width: 1024px) {  
  .popup-client {
        margin-left: 10px;
        margin-right: 10px;
    }
    .resp-parag{
        font-size: 14px !important;
        padding: 0 10px !important;
    }
    .services-sec .all-services.whyGolCo {
        padding-top: 9%;
        margin: 0;
    }
    .whyGolCo .heading-3{
        margin-top: 0;
    }
    .related.howItWorks > .row > div{
        width: 50%;
    }
    .custom-menu .popup-client > span{
        color: #fff;
        width: auto;
    }
    .cust-theme .steps-sec .step{
        margin: 70px 0 0 0;
        min-height: 350px;
    }
    .sm-xs-mar{
        margin-bottom: 70px !important;
    }
    .tp-caption.tp-resizeme.rs-parallaxlevel-0.splitted{
        padding: 0 !important;
    }  
    .table-wrap{
        overflow: scroll;
    }
    .current-holdings .dataTables_wrapper{
         width: 1000px;
    }

  }
 /*1024px media query ends here*/

@media (min-width: 992px) and (max-width: 1200px){
    .main-list li a i{
       display: inline-block; 
       padding-right: 5px;   
    }
    .main-list li a span{
        font-size: 13px;
        display: inline-block; 
    } 
    .main-list .sublisting li a{
        padding: 8px 0 8px 41px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
   .howItWorks .post-style2 > h3{
        width: 63.50%;
    }
    .custom-select.sort-by-price{
        width: 25%;
    } 
}


@media only screen and (max-width: 991px){
    .inner-layer{ 
        margin-top: 0px;
        margin-left: 0;
        width: 100%;
    }
    .cart-item-quantity {
        padding: 21px 0;
        float: left; 
    }
    .shopping_cart .scrollSec .cart-thumb, .shopping_cart .cart-lists.scrollSec .c-input-number{
        float: left; 
    }
    .shopping_cart .cart-lists.scrollSec .c-input-number{
        width: 230px;
        margin-top: 12px;
    }
    .shopping_cart .scrollSec .c-input-number > span input.manual-adjust{
        width: 62px;
    }
    .shopping_cart .cart-lists.scrollSec{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .cart-lists.scrollSec > ul{
        width: 1109px;
    }
    .shopping_cart .scrollSec .shop_cart_head .cart-item-quantity{
        padding: 0 30px 0 0;
    }
    .shopping_cart .cart-lists.scrollSec .shop_cart_head .c-input-number{
        margin: 0;
    }
    .footer-info p{
        width: 85%;
    }
    .custom-select.sort-by-price{
        width: 33%;
    }
    .cust-theme .column{
        margin-bottom: 50px;
    }
    .cust-theme .column:last-child{
        margin-bottom: 0px;
    }
     .account-popup .account-user{
        min-height: 350px;
        padding: 0 35px;

        display: none;
    }
    .account-popup, .linkLogin .account-popup{
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .cust-theme .footer .column:nth-child(2){
        padding-left: 15px !important;
    }
    .cust-theme .footer .column:last-child{
        padding-left: 15px !important;
    }
    .login-popup {
        padding-bottom: 65px;
    }
    .steps-sec .step .step-info > p{
        min-height: auto;
    }
    .cust-theme .steps-sec .step{
        margin: 0;
    }
    .single-product-sec .single-product-tabs .tab-content .tab-pane {
        text-align: center;
        width: 100%;
    }
    .single-product-sec .single-product-tabs .tab-content .tab-pane img{ 
        float: none; 
        width: 50%;
    }
    .single-product-sec .single-product-infos.pool-alloc{
        margin-top: 45px;
    }
    .inner-content h2{
        font-size: 38px;
    }
    .mb-btn #kycCancel{
        width: 230px;
    }
    .payment-method .paymentOpt{
        width: 100%;
    }
   /* Mobile bug fixes*/
    .inner-layer .bank-deposit{
        width: 100%;
    }
    .cust-theme .account-popup-sec{
        z-index: 100;
    }
    .current-holdings .redeem-price p{
        width: 88%;
    }
    .howItWorks .post-style2 > h3 a{
        font-size: 14px;
    }
    ul.contact-item.cont_sect {
        display: none;
    }
    .certificatePdf .modal-dialog {
        width: calc(100% - 20px);
    }
    .certificatePdf embed, .certificatePdf iframe, .certificatePdf object, .certificatePdf canvas {
        width: 100%;
        height: auto;
        min-height: 220px;
        margin-left: 0px !important;
    }
    .certificatePdf .modal-dialog {
        max-width:340px;
        width: 100%;
        height: auto;
    }
    .order-summary {
        width: 100%;
    }

}
/*(max-width: 991px) ends here*/

@media (min-width: 992px) {
    .display-table {
        display: table;
        margin: 0;
    }
    .display-table-cell {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0;
    }

}
/*(min-width: 992px) ends here*/


@media (min-width: 768px) {
    .welcome-modal .modal-dialog,
    .price-modal .modal-dialog {
        width: 485px;
    }
    .welcome-modal .modal-header,
    .welcome-modal .modal-body,
    .welcome-modal .modal-footer,
    .price-modal .modal-header,
    .price-modal .modal-body,
    .price-modal .modal-footer {
        padding-left: 40px;
        padding-right: 40px;
    }
    .price-modal .modal-header {
        padding-top: 40px;
    }
    .price-modal .modal-footer {
        padding-bottom: 40px;
    }
    
    .bank-details--border-box {
        width: 600px;
        padding: 40px;
    }
    .bank-details--footer {
        margin-top: 50px;
    }
    .alert.order-complete {
        width: 600px;
        margin: 0 auto 30px;
        float: none;
    }
    .order-complete--details {
        text-align: right;
        padding-left: 0 px;
    }
    .tht--buy-details {
        padding-right: 10px;
    }
    .tht--sell-details {
        padding-left: 10px;
    }
    .tht--row label.tht--col {
        display: none;
    }
    .tht--status {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -4px;
    }
}
/*(min-width: 768px) ends here*/

@media (min-width: 768px) and (max-width: 1200px){
  .mb-btn button, .mb-btn a{
      padding: 12px 0;
      width: 47%;
   }  
  .dropzone{
        width: 70%;
        margin-bottom: 20px;
    } 
}
/*(min-width: 768px) and (max-width: 1200px) ends here*/

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

    .cust-theme .custom-menu .logo > a{
        width: 129px;
        height: 29px;
    }
    .cust-theme .custom-menu .logo{
        padding: 17px 0;
    }
    .related.howItWorks > .row > div{
        width: 100%;
    }
    .whyGolCo .service{
        height: 200px;
    }
    .howItWorks .post-style2 > h3{
        width: 65%;
    }
    .about-carousal-sec > ul li .desc p{
        width: 75%;
    }
    header.white > .custom-menu .logo span{
        width: 100%;  
    }
    .services-sec .all-services.whyGolCo{
        padding-top: 0;
        padding-bottom: 50px;
    }
    .cust-theme .column{
        margin-bottom: 50px;
    }
    .rev_slider .tp-mask-wrap *{
        font-size: 40px;
    }
    .cust-theme .steps-sec .step{
        margin: 0;
        min-height: unset;
    }
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
        width: 48% !important;
    }
    .cust-theme .about-carousal-sec > ul li .desc p{
        width: 75%;
    }
    
    .shopping_cart .shop_cart_head3{
        width: 70%;
    }
    .transaction-history .transactionDtl{
        overflow: scroll;
        max-height: 500px;
    }
    .cust-theme .dataTables_wrapper #hold-list.my-holdings-tbl{
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    .transactionDtl .scrollBox {
        float: left;
        width: 767px;
    }
    .modal-dialog.midium-modal {
        width: 98%;
        margin: 1%;
    }
    .payment-method .paymentOpt{
        width: 100%;
    }
    .single-product-infos.pool-alloc{
        margin-top: 20px;
    }
    .pool-alloc-gold h2.title{
        margin-top: 50px;
    }
    .mar-top-neg {
        margin-top: 10px;
        padding-left: 50px;
        text-align: left;
    }
    .fancy-gallery-infos{
        padding-bottom: 0;
    }
    .close-account .coupens-area{
        margin-top: 20px;
    }
    .dropzone{
        width: 100%;
        margin-bottom: 20px;
    }
    .whyGolCo-image-section h3 {
        font-size: 28px;
    }
    .whyGolCo .service > h3{
        font-size: 16px;
    }
    .cust-theme .about-carousal-sec > ul {
        padding: 50px 0;
    }
    .modalSecondary .modal-footer .flat-btn.big-btn{
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .prod-item{
        width: 100%;
        margin-top: 20px;
        border: none;
    }
     .right-panel{
        width: 100%;
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_info{
        padding-bottom: 20px;
    }
    #cert-list_filter label{
        float: right;
    }
    .redeem-price-info{
        right: 20px;
        top: 68px;
    }
    .cust-theme .top-bar{
        padding: 14px 0;
    }
    .cust-theme .choose-language {
        margin: 3px 0;
    }
    .cust-theme .contact-item > li {
        line-height: 16px;
    }
    .cust-theme .contact-item .goldPrice small,
    .cust-theme .contact-item .goldPrice {
        font-size: 12px;
    }
    .popup-client {
        text-align: center;
        width: 100%;
        margin: 0;
        border-top: 1px solid #2a2a2a;
    }
    #customDD,
    #customDD span,
    .popup-client .btn-no-bg,
    .custom-menu .popup-client .shop-kart,
    .cust-theme .popup-client > a.link-style,
    .menu-toggle {
        margin: 15px 0;
        float: none;
        display: inline-block;
    }

    #customDD {
        margin: 0;
    }
    .custom-menu .menu-toggle{
        float: right;
    }
    .custom-menu .popup-client .shop-kart {
        width: 44px;
        height: 47px;
        position: absolute;
        top: 0;
        right: 70px;
    }
    .menu nav {
        top: 75px;
    }
    .shopping_cart .shopping-cart--counter {
        width: calc(100% - 300px);
        float: left;
    }
    .cust-theme .steps-sec .step.step1 {
        padding-bottom: 0;
    }

    /* Certoficate modal    */
    
   .modalSecondary .modal-title{
        text-align: center;
    }
   .modalSecondary .modal-body{
        padding: 0;
    }   
    .mb--scroll{
        overflow-x: scroll;
    }


    .tht--header {
        display: none;
    }
    .tht--body {
        border-top: 1px solid #D8D8D8;
    }
    .tht--buy-details {
        margin-bottom: 10px;
    }
    .tht--details--footer {
        margin-top: 10px;
    }
    .tht--row {
        padding: 25px 25px 30px;
    }
    .tht--row:not(.collapsed):before,
    .tht--row:not(.collapsed):after {
        left: 50%;
    }
    .tht--details {
        padding: 20px 0px 25px;
    }
    .tht--details--status {
        padding-left: 15px;
    }
    .tht--details--status-button {
        float: none;
        margin-top: 8px;
    }
    .col-detail--heading {
        float: left;
        width: 100%;
    }
    .col-detail--left {
        float: left;
        width: 60%;
    }
    .col-detail--right {
        float: left;
        width: 40%;
    }

    .tht--row .tht--col {
        width: 100%;
        float: none;
        padding: 0;
    }
    .tht--row label.tht--col {
        margin-top: 17px;
        font-size: 12px;
        font-weight: 600;
    }
    .tht--row .col-transaction-number {
        font-size: 16px;
        font-weight: 600;
    }
    .tht--row .col-transaction-number:before {
        left: 110px;
    }

    .cust-theme .steps-sec .step{
        border-bottom: 1px solid;
        padding: 35px 0 15px 0 !important;
    }
    .no_result_display_content{
        clear: both;
    }
    .no_result_display_content .display_content{
        float: left;
    }

    /* transaction history table changes for merchant  */
    .col-detail--heading .tht--col.col-transaction-number {
        padding-left: 0px;
    }
    .col-detail--left .tht--col.col-transaction-status {
        padding-left: 0px;
    }
    .transaction-history .tht--col.col-transaction-update {
        width: 100%;
    }
    .col-transaction-status .tht--status {
        margin-left: 8px;
    }

    /* email notification opt option */
    .transaction-history .heading3 {
        margin-bottom: 0px;
        padding-bottom: 24px;
    }
    .email-opt-toggle {
        position: relative;
        float: none;
        width: 100%;
        clear: both;
    }
    .filter-cntr.pull-right {
        float: none;
        width: 100%;
        margin-top: 24px;
        clear: both;
        margin-bottom: 36px;
    }
    button.flat-btn.filter:first-child {
        margin-left: 0;
    }

    #emailNotificationModal .modal-body {
        padding: 0px 32px 40px 32px;
    }
    #emailNotificationModal .modal-header {
        padding: 40px 20px 0 20px;
    }
    #emailNotificationModal h4.modal-title {
        margin-bottom: 24px;
    }

}
/*(max-width: 767px) ends here*/
@media (min-width: 768px) and (max-width: 991px){
   
    .howItWorks .post-style2 > p{
        width: 50%;
    }
    .whyGolCo .service{
        height: 220px;
    }
    .whyGolCo .service > p{
        width: 80%;
    }
    .howItWorks .post-style2 > h3{
        width: 50%;
        margin: 5px 0 10px;
    }
    .howItWorks .post-style2 > h3 a{
        font-size: 14px;
    }
    .services-sec .all-services.whyGolCo{
        padding-top: 0;
        padding-bottom: 50px;
    }
    .shopping_cart .shop_cart_head3{
        width: 89%;
    }
    .product-sec .row > div {
        float: left;
        width: 50%;
    }
    .product-sec .row > div.btn-cntr{
        width: 100%;
    }
    #menu3 .single-product-infos{
        width: 50%;
        padding-left: 2%;
    }
    #menu3 .single-product-tabs{
        width: 50%;
    }
    .payment-method .paymentOpt{
        width: 100%;
    }
    .steps-sec .step .step-info > p{
        min-height: 105px;
    }

 }
/*(min-width: 768px) and (max-width: 991px) ends here*/

@media (min-width:621px) and (max-width: 767px){
   .right-panel{
        width: 100%;
    }
    .ui-datepicker {
        width: 71% !important;
    }
    .whyGolCo .service > h3{
        font-size: 15px;
    }
}
@media (min-width:481px) and (max-width: 767px){
.col-xs-12.col-md-6.col-sm-6.from-and-to{
    width: 50%;
    margin-bottom: 30px;
  }
  .modalSecondary .modal-footer.modal-foot-style{
      padding: 55px 0 10px 0;
  } 

}

@media only screen and (max-width:620px){
   .modal-dialog.filterModalDimention {
        width: 98%;
        margin: 20px auto;
    }

   .my-order .value .custom-select {
      width: 100%;
    }
   .min-height {
      min-height: auto !important;
    }
   .mb-single button, .mb-single a{
      width: 100%;
      margin-top: 15px;    
    } 
    .mb-btn button, .mb-btn a {
        width: 48%;
        padding: 13px 0;
        margin-top: 15px;
    }
    .cust-theme .faqs-accordian-sec .experties > .content{
        padding: 20px;
    }
    .cust-theme .faqs-accordian-sec #toggle-widget > h2{
       padding: 22px 20px; 
    }
    .fileUploadCntr{
        padding-left: 0;
    }
    .transaction-history.my-order .search-box{
        width: 100%;
    }
    .login .registration-sec{
        padding: 15px 20px 0 20px;
    }
    .single-product-sec .single-product-tabs .tab-content .tab-pane img{
        width: 45%;
    }
    .msg-text{
        float: left;
        word-break: break-word;
        white-space: normal;
    }
    .rectangleBox.shadowBox{
       width: 100%;
       float: left;
       padding: 25px 10px;
    }   
    .buy-gold-link .toggling{
        width: 320px;
        top: 90px;
    }
    .buy-gold-link .toggling{
         right: -15px;
    }
    .toggling .paymentOpt{
        width: 320px;
    }
    .rectangleBox .cross-verify i, .cross-verify p{
         font-size: 12px;
         white-space: normal;
    }
    .registration-sec .signup-layout-password .message-txt{
        font-size: 12px;
    }
   
    .ui-datepicker{
        width: 92% !important;
    }
    .profile .inner-layer .delivery-dtl{
        margin: 25px 9px 0 0;
    }
    .payment-method .heading3{
        border: none;
    }
    .modal-content.modalSecondary {
        width: 100% !important;
    }
    .whyGolCo .service > h3{
        font-size: 13px;
    }
}
 /******    620px media query ends here     *****/
/*@media (min-width: 600px) and (max-width: 767px){

} */ 
@media only screen and (max-width: 599px){
     #about--certificate .modal-dialog.certModalDimention{
         width: 98%;
    }
}

@media (min-width: 481px) and (max-width: 620px){
    .sign-up .registration-sec.center-block{
        width: 100%;
        padding: 10px;
    } 
}

@media only screen and (max-width: 480px){
    .modalSecondary .modal-footer.modal-foot-style button{
        width: 100%;
        margin-top: 20px;
    }
    .col-xs-12.col-md-6.col-sm-6.from-and-to{
        margin-bottom: 30px;
    }
    .modalSecondary .modal-footer.modal-foot-style{
         padding: 20px 25px 10px 25px;
     }
    .whyGolCo .service{
        height: auto;
    } 
    .howItWorks .post-style2 > p{
        width: 100%;
    }
    .popup-client > span{
        padding: 13px 20px;
    }
    .cust-theme .about-carousal-sec .owl-nav > div{
        display: block !important;
    }
    .sign-up .registration-sec.center-block{
        width: 100%;
        padding: 0;
    }
    .cust-theme .contact select{
        width: 25%;
    }
    .cust-theme .sign-up .registration-sec .contact input[type="text"]{
        width: 100%;
    }
    .message-txt{
        text-align: left;
    }
    .resp-parag{
        white-space: unset !important;
        width: 360px !important; 
    }
    .registration-sec > h3{
        font-size: 18px;
    }
    .registration-sec .btn-cntr .flat-btn.width-48{
        width: 55%;
    }
    .heading3 > h3{
        font-size: 21px;
    }
    .transaction-history .heading3 h3{
        width: 100%;
    }
    .transaction-history .search-box{
        width: 100%;
    }
    .lebelsCntr{
        width: 40%;
    }
    .lebelsCntr label{
        margin-bottom: 15px;
    }
    .value {
        width: 60%;
    }
    .value p{
        margin: 0 0 28px;
    }
    .address-form .field{
        width: 100%;
    }
    .custom-tab-content .product-sec .prd-detl{
        width: 100%;
    }
    .sort-by-price.sort-by-price{
        width: 100%;
    }
    .footer .about_widget .logo{
        margin-bottom: 20px;
    }
    .fund-transfer .align-with-icon, .close-account .align-with-icon,
    .trans-success .align-with-icon{
        width: 76%;
    }
    .mb-btn button, .mb-btn a{
        width: 100%;
        margin-top: 15px;
    }
    .close-account .custom-select {
        width: 78% !important;
    }
    .cross-verify {
        margin-top: 25px;
    }
    .ui-widget-content, .ui-widget.ui-widget-content{
        width: 91% !important;
    }
    .cust-theme .contact .custom-select{
        width: 25%;
    }
    .signup-contact.select-box.contact .field{
        width: 75%;
    }
    .payment-method .inner-layer .heading3 h3{
        font-size: 21px;
    }
    .about-carousal-sec > ul li h3{
        font-size: 18px;
    }
    .cust-theme .about-carousal-sec > ul li .desc p{
        width: 85%;
    }
    .nav-tabs>li>a{
        padding: 10px 8px;
    }
    .big-btn{
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0 !important;
     } 
     .quantity-price > div{
        width: 144px;
     }
     .tp-caption.tp-resizeme.rs-parallaxlevel-2, .tp-caption.tp-resizeme.font-18-lineHgt {
       font-size: 16px !important;
       line-height: 1 !important;
     }
     .tp-loop-wrap {
        float: left;
        top: -140px;
     }
    .zeus.tparrows{
        min-width: 35px !important;
        min-height: 35px !important;
        margin-top: 35px;
    }
    .zeus.tparrows:before{
        line-height: 38px !important;
    }
    .tp-caption.tp-resizeme.rs-parallaxlevel-0.font-16 {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .tp-fullwidth-forcer {
        height: 300px !important;
     }
    .slotholder{
       height: 300px !important;
       transform: unset !important;
    }
     .steps-sec .step .step-info > h3{
        font-size: 17px;
     }

    .selected-prod {
        float: none;
        text-align: center;
    }
    .inner-head {
        padding-top: 45px;
    }
    .inner-content h2 {
        font-size: 24px;
        margin-top: 0;
    }
    .inner-content > ul {
        margin-bottom: 30px;
    }
    .block {
        padding: 60px 0;
    }
    .bottom-line {
        padding-bottom: 110px;
    }
    .shopping_cart .shopping-cart--counter {
        width: 100%;
        float: left;
    }
    .total-order {
        float: left;
    }
  }

/*  max-width: 480px ends here  */

@media only screen and (max-width:375px){
   .fund-transfer .align-with-icon{
         width: 72%; 
    }  
    .dropzone .dz-message{
        font-size: 12px;
    }
    .cust-theme .popup-client > a.link-style{
        padding: 13px 15px;
    }
    .pool-alloc-gold .footer-info p, .payment-method .footer-info p{
        width: 85%;
    }
    .tp-fullwidth-forcer {
        height: 235px !important;
     }
    .slotholder{
       height: 235px !important;
       transform: unset !important;
    }
     .tp-loop-wrap {
        top: -150px;
    }
    .en .tht--box-details--values div.mb-20 {
        margin-bottom: 20px;
    }
   
}
@media (min-width: 341px) and (max-width: 360px){
    .tp-loop-wrap {
        top: -130px;
    }
    .certificatePdf .modal-dialog {
        max-width: 340px;
    }
}
@media (min-width: 320px) and (max-width: 340px){
    .tp-loop-wrap {
        top: -110px;
    }
    .certificatePdf .modal-dialog {
        max-width: 300px;
    }
}
@media only screen and (max-width:414px){
    .certificatePdf .modal-dialog {
        max-width: 390px;
    }
}
@media only screen and (max-width:375px){
    .certificatePdf .modal-dialog {
        max-width: 355px;
    }
}
@media only screen and (max-width:320px){
    .certificatePdf .modal-dialog {
        max-width: 300px;
    }
}
@media only screen and (max-width:360px){
    .certificatePdf .modal-dialog {
        max-width: 340px;
    }
}
@media (min-width: 415px) and (max-width: 767px){

    .certificatePdf .modal-dialog {
        max-width: 405px;
        margin: 30px auto;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
 /* CSS specific to iOS devices*/  
.certificatePdf.fade .modal-dialog.v-middle, .certificatePdf.fade
.modal-dialog, #filter-trans.fade .modal-dialog, #about--certificate.fade
.modal-dialog { 
        top: 30%; 
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out; 
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,0); 
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0); 
        transform: translate(0,0); 
    } 
.certificatePdf.in
.modal-dialog.v-middle, .certificatePdf.fade .modal-dialog, #filter-trans.fade
.modal-dialog, #about--certificate.fade .modal-dialog { 
        top: 30%;
        -webkit-transform: translate(0,0); 
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0); 
        transform: translate(0,0); 
    } 
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
  .certificatePdf.fade .modal-dialog.v-middle, .certificatePdf.fade .modal-dialog {
        top: 50%;
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0,-60%);
        -ms-transform: translate(0,-60%);
        -o-transform: translate(0,-60%);
        transform: translate(0,-60%);
    }
    .certificatePdf.in .modal-dialog.v-middle, .certificatePdf.fade .modal-dialog {
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
}

@media (max-width: 480px){
    .modal.fade.JPY .modal-dialog.midium-modal {
        top: 50%;
        -webkit-transform: translate(0,-30%) !important;
        -ms-transform: translate(0,-30%) !important;
        -o-transform: translate(0,-30%) !important;
        transform: translate(0,-30%) !important;
    }
    #filter-trans .modal-dialog .side-pad-35{
        padding: 0px !important;
    }
    #filter-trans .modal-dialog .modal-header{
        padding: 20px 0 !important;
    }
    #filter-trans .modal-dialog .modal-header .close{
        right: 10px;
        top: 10px;
        margin-top: 0;
    }
    #filter-trans .modal-dialog .modal-body{
        padding: 0px 20px 0 !important;
    }
    #filter-trans .modal-dialog .modal-footer{
        padding: 20px !important;
    }
    #about--certificate, #filter-trans{
        padding-right: 0px;
    }
    #about--certificate .modal-body {
        padding: 0px 20px;
    }
    #about--certificate .modal-header {
        padding: 10px 10px 0;
    }
    #about--certificate .modal-body h4 {
        margin-bottom: 17px;
        font-size: 21px;
    }
    .width-mob-30 {
        width: 30% !important;
    }
    
}
@media (min-width: 481px) and (max-width: 767px){
    .modal.fade.JPY .modal-dialog.midium-modal {
        top: 50%;
        -webkit-transform: translate(0,-40%) !important;
        -ms-transform: translate(0,-40%) !important;
        -o-transform: translate(0,-40%) !important;
        transform: translate(0,-40%) !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .service {
        margin-top: 0px;
    }
}