@media ( max-width : 1200px) {
	 #popup_layer {
		position:fixed; 
		top:10% !important; 
		left:5% !important;
		width: 60% !important;
		max-width:400px;
	}
	#popup_layer2 {
		position:fixed; 
		top:13% !important;
		left:35% !important;
		width: 90% !important; 
		max-width : 300px !important;
		max-width:400px;
	}
	#popup_layer3 {
		position:fixed; 
		top:13% !important;
		left:70% !important;
		width: 90% !important; 
		max-width : 300px !important;
		max-width:400px;
	}
	.banner-text-center{
        width: 360px !important;
	    position: absolute !important;
	    left: 50% !important;
	    top: 50% !important;
	    transform: translate(-50%, -50%);
    }
	 .m-d-unset{
        display: unset !important;
    }
    .m-f-none{
        float: none !important;
    }
    .m-px-20{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header{
        display: none;
    }
    .m-header{
        display: block !important;
    }
    .appDownBtn{
        margin-right: auto;
        margin-left: auto;
    }
    .m-text-center{
    	text-align: center;
    }
    .mr-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .ml-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .m-w-100{
    	width:100% !important;
    }
    .m-px-15{
    	padding-left :15px !important;
    	padding-right:15px !important;
    }
    .container{
    	padding-left:15px;
    	padding-right:15px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
	 .m-d-none{
    	display: none !important;
    }
    .m-d-block{
    	display: block !important;
    }
    .banner-text-center{
        width: 360px !important;
	    position: absolute !important;
	    left: 50% !important;
	    top: 50% !important;
	    transform: translate(-50%, -50%);
    }
    #popup_layer {
		position:fixed; 
		top:13% !important; 
		left:5% !important;
		width: 60% !important; 
	}
	
	#popup_layer2 {
		position:fixed; 
		top:18% !important;
		left:35% !important;
		width: 90% !important; 
		max-width : 300px !important;
	}
	#popup_layer3 {
		position:fixed; 
		top:13% !important;
		left:1% !important;
		width: 90% !important; 
		max-width : 300px !important;
	}
	 .m-d-unset{
        display: unset !important;
    }
    .m-f-none{
        float: none !important;
    }
    .m-px-20{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header{
        display: none;
    }
    .m-header{
        display: block !important;
    }
    .appDownBtn{
        margin-right: auto;
        margin-left: auto;
    }
    .m-text-center{
    	text-align: center;
    }
    .mr-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .ml-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .m-w-100{
    	width:100% !important;
    }
    .m-px-15{
    	padding-left :15px !important;
    	padding-right:15px !important;
    }
    .container{
    	padding-left:15px;
    	padding-right:15px;
    }
    .m-d-none{
    	display: none !important;
    }
    .m-d-block{
    	display: block !important;
    }
	.koddi-r-15{
		    font-family: koddiUD-r !important;
    	font-size: 12px !important;
	}
}
@media(max-width:767px){
	#popup_layer {
		position:fixed; 
		top:15% !important;
		left:1% !important;
		width: 90% !important; 
		max-width : 300px !important;
	}
	#popup_layer2 {
		position:fixed; 
		top:18% !important;
		left:17% !important;
		width: 90% !important; 
		max-width : 300px !important;
	}
	#popup_layer3 {
		position:fixed; 
		top:17% !important;
		left:6% !important;
		width: 90% !important; 
		max-width : 300px !important;
	}
	
	.banner-text-center{
        width: 360px !important;
	    position: absolute !important;
	    left: 50% !important;
	    top: 55% !important;
	    transform: translate(-50%, -50%);
    }
    
    .m-d-unset{
        display: unset !important;
    }
    
    .m-f-none{
        float: none !important;
    }
    .m-px-20{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header{
        display: none;
    }
    .m-header{
        display: block !important;
    }
    .appDownBtn{
        margin-right: auto;
        margin-left: auto;
    }
    .m-text-center{
    	text-align: center;
    }
    .mr-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .ml-auto{
    	margin-left: auto;
    	margin-right: auto;
    }
    .m-w-100{
    	width:100% !important;
    }
    .m-px-15{
    	padding-left :15px !important;
    	padding-right:15px !important;
    }
    .container{
    	padding-left:15px;
    	padding-right:15px;
    }
    .m-d-none{
    	display: none !important;
    }
    .m-d-block{
    	display: block !important;
    }
    
	.koddi-r-15{
		    font-family: koddiUD-r !important;
    	font-size: 12px !important;
	}
}