.pop-cont{
       border-radius: 3px;
        display: block;
        padding: 20px;
        height: 600px;
        width: 600px;
        position: fixed;
        top: 10%;
        margin-right: auto;
        margin-left: auto;
        z-index: 1035;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .pop-img{
       width: 100%;
        height: 100%;
        background-size: cover !important;
        position: relative;
        border: 20px white;
        border-radius: 5px;
        box-shadow: 0 1px 8px 0px #171717;
    }   
    .pop-bg{
        background: rgba(0, 0, 0, 0.72);
        display: block;
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        position: fixed;
        opacity: 7;
        z-index: 1031;
    }
    .btn-close{
        padding: 5px 10px;
		background: #f65050;
		border-radius: 50px;
		position: absolute;
		display: table;
		top: 30px;
		z-index: 1;
		cursor: pointer;
		box-shadow: 0 2px 3px 0px #717171;
		right: 30px;
		color: #e9e8ea;
    }
    .btn-close:hover{
    	background:#da3838; 
    }

    @media only screen and (max-width: 588px) {
        .pop-cont{
            height: 370px;
            width: 370px;
            top: 25%;
        }
    }
    
    @media only screen and (max-width: 420px) {
        .pop-cont{
            height: 350px;
            width: 350px;
        }
    }

    @media only screen and (max-width: 328px) {
        .pop-cont{
            height: 250px;
            width: 250px;
        }
    }