/* add by vipul*/
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.6;
			opacity:.60;
			filter: alpha(opacity=60);
		}
		
		.white_content {
		    background-color: white;
		    display: none;
		    height: 19%;
		    left: 34%;
		    overflow: hidden;
		    padding: 16px;
		    position: absolute;
		    top: 39%;
		    width: 23%;
		    z-index: 1002;
		    border-radius:3px;
		}
		
		#close_p {
		    float: right;
		     margin-right: -30px;
   			 margin-top: -28px;
		}
		#ifrm{ border: medium none;
			    height: 116%;
			     max-width: 121%;
			    width: 116%;}		
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width:768px) and (max-width: 981px) {
        
				.white_content {
				    background-color: white;
				    border-radius: 3px;
				    display: none;
				    height: 19%;
				    left: 21%;
				    overflow: hidden;
				    padding: 16px;
				    position: absolute;
				    top: 37%;
				    width: 50%;
				    z-index: 1002;
				}
    }

  /* #Tablet (Landscape)
================================================== */
  /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){

			.white_content {
			    background-color: white;
			    border-radius: 3px;
			    display: none;
			    height: 19%;
			    left: 29%;
			    overflow: hidden;
			    padding: 16px;
			    position: absolute;
			    top: 39%;
			    width: 39%;
			    z-index: 1002;
			}
			#ifrm{	width:100%; height:100%; max-width:100%;border-width: 1px;border: none;}

 }
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
      
			.white_content {
			    	 background-color: white;
				    border-radius: 3px;
				    display: none;
				    height: 9%;
				    left: 7%;
				    overflow: hidden;
				    padding: 16px;
				    position: absolute;
				    top: 29%;
				    width: 74%;
				    z-index: 1002;
			}	
			#ifrm{
			
			 
			    border: medium none;
			    height: 116%;
			    margin-left: -47px;
			    margin-top: -38px;
			    max-width: 121%;
			    width: 116%
			
			}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
      
			
			/*add by vipul form alter reset button*/
			
			.white_content {
			    	 background-color: white;
				    border-radius: 3px;
				    display: none;
				    height: 9%;
				    left: 16%;
				    overflow: hidden;
				    padding: 16px;
				    position: absolute;
				    top: 31%;
				    width: 55%;
				    z-index: 1002;
			}	
			
    }