/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/****************************card*************************/
#myModalcreditCard #cardNo {
    background-image: url(images.png), url(images.png);
    background-position: 2px -121px, px -61px;
    background-size: 120px 397px, 120px 397px;
    background-repeat: no-repeat;
    padding-left: 54px;
    /*width: 225px;*/
}

    #myModalcreditCard #cardNo.visa {
        background-position: 2px -163px, 205px -61px;
    }

    #myModalcreditCard #cardNo.visa_electron {
        background-position: 2px -205px, 205px -61px;
    }

    #myModalcreditCard #cardNo.mastercard {
        background-position: 2px -247px, 205px -61px;
    }

    #myModalcreditCard #cardNo.maestro {
        background-position: 2px -289px, 205px -61px;
    }

    #myModalcreditCard #cardNo.discover {
        background-position: 2px -331px, 205px -61px;
    }

    #myModalcreditCard #cardNo.amex {
        background-position: 2px -369px, 205px -61px;
    }

    #myModalcreditCard #cardNo.valid.visa {
        background-position: 2px -163px, 205px -87px;
    }

    #myModalcreditCard #cardNo.valid.visa_electron {
        background-position: 2px -205px, 205px -87px;
    }

    #myModalcreditCard #cardNo.valid.mastercard {
        background-position: 2px -247px, 205px -87px;
    }

    #myModalcreditCard #cardNo.valid.maestro {
        background-position: 2px -289px, 205px -87px;
    }

    #myModalcreditCard #cardNo.valid.discover {
        background-position: 2px -331px, 205px -87px;
    }

    #myModalcreditCard #cardNo.valid.amex {
        background-position: 2px -369px, 205px -87px;
    }

.vertical {
    overflow: hidden;
}

#myModalcreditCard table tr, #myModalcreditCard table tr td {
    border: none;
}
/**************************************/
@media (max-width: 500px) {
    .container {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 500px) {
    .fimage {
        height: 300px;
    }
}

@media (max-width: 500px) {
    .fimagemobile {
        margin-top: 12px;
    }
}

@media (max-width: 500px) {
    .footerspace {
        margin-bottom: -145px;
    }
}

@media (max-width: 500px) {
    .pay {
        font-size: 13px;
    }
}

@media (max-width: 500px) {
    .payshipping {
        font-size: 13px;
        margin-left: 200px;
    }
}

@media (min-width: 500px) {
    .payshipping {
        font-size: 24px;
        margin-left: 305px;
    }
     .fimage {
        height: 400px;
    }
     .billphone
    {
       margin-top:7px;
    }
     .billUS
     {
       !important  margin-bottom:9px;
     }
      .carddetailscardno
     {
        margin-bottom:7px;
     }
       .carddetailsexpiry
     {
      !important   margin-bottom:10px;
     }
       .OrderSummarybillamt
     {
      !important   margin-top: -40px;
     }
       .OrderSummaryCoupon
     {
      !important   margin-top-12px;
     }
        .OrderSummarytotal
     {
      !important   margin-bottom:-42px;
     }
}

@media (max-width: 500px) {
    .paytotal {
        font-size: 13px;
        margin-left: 221px;
    }
    .billphone
    {
       !important margin-top:7px;
    }
     .billUS
     {
      margin-bottom:9px;
     }

    .hrbill {
        margin-top: -33px;
    }

    .hrcoupun {
        margin-top: -27px;
    }

    .hrshipping {
        margin-top: 13px;
    }

    .billinginformation {
        margin-bottom:0px;
    }
     .shippinginformation {
        margin-bottom:0px;
    }
     .carddetailscardno
     {
       !important   margin-bottom:7px;
     }
     .carddetailsexpiry
     {
         margin-bottom:10px;
     }
     .paybutton
    {
      margin-left:14px;
   padding-right:27px;
    }
     .billcheck
    {
        margin-left:41px;
    }
     .OrderSummarybillamt
     {
         margin-top: -40px;
     }
     .OrderSummaryCoupon
     {
         margin-top:-12px;
     }
      .OrderSummarytotal
     {
         margin-bottom:-42px;
     }
}

@media (min-width: 500px) {
    .paytotal {
        font-size: 24px;
        margin-left: 315px;
    }

    .hrcoupun {
        margin-top: 24px;
    }

    .hrshipping {
        margin-top: 66px;
    }
    .paybutton
    {
        margin-left:14px;
        padding-right:37px;
    }
    .billcheck
    {
       !important margin-left:41px;
    }
}

.billinginformation {
    margin-bottom: 7px;
}
.shippinginformation {
    margin-bottom: 18px;
}