/* CSS Document */
#trigger {
	/*text-align:center;*/
}

/* Style you custom popupbox according to your requirement */
.popupbox,.popupbox2 {
	width:100%;
	height:100%;
	overflow: hidden;
	/*background-image:url(pop-up_03.png);
	background-repeat:no-repeat;*/
	/*background: #fff;*/
	display: none; /* Hidden as default */
	/*float: left;*/
	position: fixed;
	margin: 0% 0%!important;
	padding: 0% 0% ;
	/*top: 50%; left: 50%;*/
	z-index: 99999;
	/*-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;*/
}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; 
	/*left: 0; top: 0;*/
	width: 100%; 
	height: 100%;
	opacity: .75;
	z-index: 9999;
}
.close {
	float: left;
	/*background: #f00;*/
}

#intabdiv{
	/*float: left;*/
	width: 100%;
	height: 95%;
	padding: 0 0 10% 0;
	overflow: auto;
	background: #fff;
	  border-radius: 3px;
	  border:2px solid #f9f8f3;
}

.close {
		width: 30px;
		height:30px;
		border-radius: 30px;
		border: 2px solid #232323;
		position: relative;
		float: right;
		background: #fff;
		text-align: center;
		vertical-align: middle;
		color: #232323;
		font-size: 18px;
		line-height: 32px;
		margin: 20px 0 0 0;
	}
	.close:hover{
		background: #232323;
		color: #fff;
		cursor: pointer;
	}
#intabdiv h3{
	/*color: #754c24;
	font-size: 18px;
	float: left;*/
}

#intabdiv p{
	float: left;
	width: 100%;
	line-height: 30px;
	font-size: 16px;
}
/*#intabdiv ul,#intabdiv ul li{
	width: 100%;
	float: left;
}*/

@media only screen and (min-width:768px) {

	/*.popupbox {
		width:90%;
		height:85%;
		overflow: hidden;
		margin: 5% 5%!important;
	}
	#intabdiv {
		float: left;
		width: 92.5%;
		height: 100%;
		overflow: auto;
		background: #fff;
		margin: 15% 0;
		padding: 0 0;
	}*/
	.close {
		width: 30px;
		height:30px;
		border-radius: 30px;
		border: 2px solid #232323;
		position: relative;
		float: right;
		background: #fff;
		text-align: center;
		vertical-align: middle;
		color: #232323;
		font-size: 18px;
		line-height: 32px;
		margin: 20px 0 0 0;
	}
	.close:hover{
		background: #232323;
		color: #fff;
	}
}

@media only screen and (min-width:1024px) {
	#intabdiv {
		width: 70%;
		padding: 1% 0% 1% 0 ;
		margin: 2% auto;
		height: auto;
	}
	/*.popupbox {
		width:55%;
		height:92%;
		margin: 0% 22%!important;
		padding: 0% 0% ;
	}*/

}

@media only screen and (min-width:1280px) {
	
	/*.popupbox {
		width:65%;
		height:90%;
		margin: 3% 22%!important;
		padding: 0% 0% ;
	}*/

	#intabdiv {
		width: 60%;
		margin: 2% auto;
	}
}

@media only screen and (min-width:1300px) {
	/*.popupbox {
		width:56%;
		height:100%;
		margin: 0% 22%!important;
	}*/
	#intabdiv {
		width: 60%;	
		padding: 0% 0% 1% 0 ;
		height:85%;
	}
}

@media only screen and (min-width:1400px) {
	/*.popupbox {
		width:56%;
		height:100%;
		margin: 0% 22%!important;
	}*/
	#intabdiv {
		width: 50%;
		overflow: hidden;
		height:auto;
	}
}

@media only screen and (min-width:1500px) {

	/*.popupbox {
		width:50%;
		height:100%;
		margin: 0% 25%!important;

	}*/
	#intabdiv {
		width: 45%;
		padding: 1% 0% 1% 0 ;
		margin: 4% auto;
	}


	
}


@media only screen and (min-width:1600px) {

  /*.popupbox {
    width:50%;
    height:100%;
    margin: 0% 25%!important;

  }*/
  #intabdiv {
    width: 45%;
    padding: 1% 0% 1% 0 ;
    margin: 2% auto;
  }


  
}