.modalDialog {
		position: absolute;
		font-family: Arial, Helvetica, sans-serif;
		top: 18%;
		right: 25%;
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		width: 51%;
	}

	.modalDialog:target {
		opacity :1;
		pointer-events: auto;
	}
		
	.modalDialog > div {
		width: 600px;
		position: relative;
		margin: 10% auto;
	}
	
	#about_outer{
		border:0px solid gray;
		border-radius:10px;
	}

	.cancel {
	    color: #FFF !important;
	    text-decoration: none !important;
	    margin-top: 4px;
	    margin-left: 12px;
	}

	 .about_heading{
		height: 30px;
		background-color: #3C3B37;
		color: #FFF;
		font-weight: bold;
		font-size: 18px;
	}
	#about > .row{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	#about  img{
		height: 90px;
		width: 82px;
		margin-top: 45px;
		margin-bottom: auto;
		margin-left: 24px;
		}
	 .about_title{
	 	font-family:Georgia,serif;
		font-size: 30px;
		color: #808080;
		font-weight: bold;
	 }
	 
	 .version{
	 	font-family: Georgia,serif;
		font-size: 17px;
		color: black;
		font-weight: bold;
		font-size: 17px;
		font-weight: bold;
		padding-left: 5px;
		margin-left: -4px;
	 }

	  .licenseTo{
	 	font-family: Georgia,serif;
		font-size: 17px;
		color: #808080;
		font-weight: bold;
		padding-left: 5px;
		margin-left: -4px;
	 }
	 
	#about  p{
		 color: #756B5F;
		 font-size: 15px;
	 }
	 .about_body{
	  background-color: white; 
	  border:1px solid gray;
	  border-bottom-left-radius:8px;
	  border-bottom-right-radius:8px;
	 }
	 
	 
	 .btn-outline {
    /*border: solid 2px rgb(50,50,50);*/	
    color: rgb(0,0,0);
    transition: all .3s ease-in-out;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
    /*border: solid 1px rgb(50,50,50);*/
    color: #fff;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    background: rgb(118, 222, 255);
}
.btn-social {
    overflow: visible;
    display: inline-block;
    width: 1em;
    height: 1em;
    /*border: 1px solid rgb(50,50,50);*/
    background: white;
    border-radius: 35%;
    text-align: center;
    padding: 10px !important;
    padding-right: 4px;
    font-size: 1em;
    line-height: 0.3em;
    /*padding: 2%;*/
}
.social_width{
    width: 2em;
    height:2em;
    overflow: visible;
}
.btn-outline *{
    color: white;
}

.fb{
    background: url("../images/social_icons_fb.png") !important;
    background-size: cover !important;
}

.gmail{
    background: url("../images/social_icons_gmail.png") !important;
    background-size: cover !important;
}
.twiter{
    background: url("../images/social_icons_twtr.png") !important;
    background-size: cover !important;
}
.linkedin{
    background: url("../images/social_icons_lnkdIn.png") !important;
    background-size: cover !important;
}

.user_book{
    background: url("../images/social_icons_book.png") !important;
    background-size: cover !important;
}
.video_camera{
    background: url("../images/social_icons_camera.jpg") !important;
    background-size: cover !important;
}
.support{
    background: url("../images/support.png") !important;
    background-size: cover !important;
}

@media screen and (min-width: 250px) and (max-width: 767px) { 
	.modalDialog {
		position: absolute;
		font-family: Arial,Helvetica,sans-serif;
		top: 30%;
		right: 35%;
		z-index: 99999;
		opacity: 0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		width: 51%;
	}

	.modalDialog:target {
		opacity :1;
		pointer-events: auto;
	}
		
	.modalDialog > div {
		width: 160%;
		position: relative;
		margin: auto;
	}
	
	#about_outer{
		border:0px solid gray;
		border-radius:10px;
	}

	.cancel {
	    color: #FFF !important;
	    text-decoration: none !important;
	    margin-top: 4px;
	    margin-left: 12px;
	    
		margin-top: -19px;
    	float: right;
	}

	 .about_heading{
		height: 30px;
		background-color: #3C3B37;
		color: #FFF;
		font-weight: bold;
		font-size: 18px;
	}
	#about > .row{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	#about  img{
		height: 90px;
		width: 82px;
		margin-top: 45px;
		margin-bottom: auto;
		margin-left: 24px;
		}
	 .about_title{
	 	font-family:Georgia,serif;
		font-size: 30px;
		color: #808080;
		font-weight: bold;
	 }
	 
	 .version{
	 	font-family: Georgia,serif;
		font-size: 17px;
		color: black;
		font-weight: bold;
		font-size: 17px;
		font-weight: bold;
		padding-left: 5px;
		margin-left: -4px;
	 }

	   .licenseTo{
	 	font-family: Georgia,serif;
		font-size: 17px;
		color: #808080;
		font-weight: bold;
		padding-left: 5px;
		margin-left: -4px;
	 }
	 
	#about  p{
		 color: #756B5F;
		 font-size: 15px;
	 } 
	 .about_body{
	 	  position: relative;
		  background-color: white; 
		  border:1px solid gray;
		  border-bottom-left-radius:8px;
		  border-bottom-right-radius:8px;
		  text-align: justify;
	 }
	 
}