body{font-family:'Roboto',sans-serif;font-weight:400;}*{padding:0;margin:0;outline:0;}.cms-popup{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fff;margin:auto;z-index:1001;width: 490px;height: 460px;border-radius: 2px;}.overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.55);z-index:1000;cursor:pointer;}.close-popup{position:absolute;top:-15px;right:-15px;cursor:pointer;display:inline-block;width:30px;height:30px;border-radius:50%;background:transparent url(../img/fancybox_sprite.png) no-repeat -4px -2px;}.popup-content-wrapper{position:relative;height:100%;padding: 20px 10px 18px;}.popup-content-wrapper .img-con{text-align:center;margin:10px 0;}.popup-content-wrapper .content{text-align:center;color:#4d4d4d;}.popup-content-wrapper .heading{margin: 10px 0 10px;}.popup-content-wrapper .heading h4{font-size:32px;line-height:40px;font-weight:500;}.popup-content-wrapper .message{font-size:18px;margin: 0px 0 20px;display:block;color:#4d4d4d;line-height:23px;}.popup-content-wrapper .btn-primary.confirm,.popup-content-wrapper .btn-trans.reject{display:inline-block;padding:12px 25px;text-decoration:none;text-transform:capitalize;font-size:16px;}.popup-content-wrapper .btn-primary.confirm{color:#fff;background-color:#3c8ac9;border-radius:3px;margin:5px 0 15px;}.popup-content-wrapper .btn-primary.confirm:hover{background-color:#1e72b4;}.popup-content-wrapper .btn-trans.reject{color:#3b5998;cursor:pointer;}.popup-content-wrapper .btn-trans.reject:hover{color:#4d4d4d;}@media(max-width:767px) {
    .cms-popup.horizontal {
        position: absolute;
        top: 10%;
        bottom: unset;
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        height: 480px;
    }
    .popup-content-wrapper {
        overflow-y: auto;
    }
    .popup-content-wrapper .heading {
        font-size: 30px;
        line-height: 40px;
    }
    .popup-content-wrapper .message{
        font-size: 20px;
    }
}

@media(max-width:767px) and (orientation:landscape) {
    .cms-popup.horizontal {
        width: 500px;
    }
}

@media(max-width:480px) {
    .popup-content-wrapper .btn-primary.confirm {
        font-size: 13px;
    }
    .popup-content-wrapper .heading {
        margin: 10px 0 20px;
        font-size: 20px;
        line-height: 30px;
    }
    .popup-content-wrapper .message {
        font-size: 20px;
        margin: 10px 0 20px;
    }
}
