/* START CSS */
.info {
	max-height: 100%;
}

.credit {
	border: #cccccc  solid 2px;
	border-radius: 0px;
	padding: 0px 0px 15px 0px;
	margin: 15px 15px 0px 0px;
	width: 32%;
}

.creditList .item {
	padding: 10px 30px !Important;
	margin-top: 25px;
}

.contentWrapper {
	border: #cccccc solid 2px;
	height: 225px;
	padding: 30px;
}

.creditImage {
	margin: 0px 0px;
	height: auto;
}

.creditTitle {
	padding: 0px;
	font-size: 2em;
	text-align: center;
	color: #006677;
}

.creditContent {
	text-align: justify;
	padding: 10px 15px;
	min-height: 220px;
}

.creditContentS {
	text-align: justify;
	padding: 10px 15px;
	min-height: 90px;
}

.daftar {
	margin: 15px 0px;
	height: 40px;
	vertical-align: bottom;
}

.footer{
	margin-top:15px;
	padding:15px;
	border-top:solid #006677 4px;
	background-color:#ECE6E2;
}

@media only screen and (max-width: 1200px) {
	.gridmain {
		width: 100%;
	}
}

.btn1 {
   width: 50%;
   min-width: 90px;
   max-width: 300px;
}

.marginRight{
	margin-right: 100cm;
}
		
/* END */

.contentWrapper {
	margin-left: -15px !important;
    margin-right: -15px !important;
}

.navbar-marginleft
{
	margin-left: 0px !important; 
	margin-top: 5px !important; 
	margin-bottom: 5px !important;
}

.navbar-marginright
{
	float:right !important;
	margin-right: 15px !important;  
	margin-top: 5px !important;  
	margin-bottom: 5px !important; 
}

#userContent.container{
		margin-top:80px !important;
	}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 
	.navbar-marginleft
	{
		margin-left: 25px !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
	}
	
	.navbar-marginright
	{
		float:right !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
	}
	
	.content{
		padding-top: 20px !Important;
	}
	#userContent.container{
		margin-top:130px !important;
	}
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
	.navbar-header{
		margin-left:0px !important;
		margin-right: 0px !important;
	}
	.navbar-marginleft{
		margin-left: 25px !important;
	}
	
	.navbar-marginright
	{
		float:right !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
		margin-right: 30px !important;
	}
	
	.content{
		    padding-top: 20px !Important;
	}
	#userContent.container{
		margin-top:130px !important;
	}
}


@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ 
	.navbar-marginleft
	{
		margin-left: 25px !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
	}
	
	.navbar-marginright
	{
		float:right !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
		margin-right: 30px !important;
	}
	
	.content{
		padding-top: 20px !Important;
	}
	#userContent.container{
		margin-top:130px !important;
	}
}

@media (max-device-width: 320px) 
{
	.navbar-marginleft
	{
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
	}
	
	.navbar-marginright
	{
		float:right !important; 
		margin-top: 5px !important; 
		margin-bottom: 5px !important;
		margin-right: 30px !important;
	}
	
	.content{
		padding-top: 20px !Important;
	}
	
	#userContent.container{
		margin-top:130px !important;
	}
}
