article{background:#ffffff;margin-bottom:30px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article{border-top: 4px solid #e50012;}
article .info { float:left;  text-transform:capitalize !important; font-size:16px !important}
*article .info a{color: #076BA5;text-decoration: none;text-transform:capitalize !important;border-bottom: 1px solid #9CC4DB;box-shadow: inset 0 -2px 0 #9CC4DB;transition:all ease 150ms;}
*article .info a:hover {color:#FFFFFF;text-shadow: none;border-bottom: 1px solid #e50012;box-shadow: inset 0 -1.3em 0 #e50012;}
article h2 {font-size: 30px;}

article .art-header{padding: 5px 0px; float:left;
width:100%}

article .art-content {float:left; text-align:left; padding:0px !important}
article .art-content a{ color: #FE9B13;font-weight: bold;}
article .art-content a:hover{ color: #000;}

article .art-content h2 {font-size: 1.7em;line-height: 2em;padding: 0px 20px;}
article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

article .excerpt {border-bottom: 1px dashed #aaa;border-top: 1px dashed #aaa;margin: 20px 0;}
article .excerpt p{color: #888;}
article .dropcap {font-size: 70px;line-height: 70px;font-weight: 500;float: left;margin-right: 20px;}

.rowlist{
	float:left;
	height:auto;
	width:100%
}
.rowlist img{
	height:200px !important;
	width:300px
}
.rowlist .portfolio-img {
	width:auto;
	height:auto;
	text-align:center !important;
	padding:2px;
	margin-bottom:15px;
	border-radius:1px !important;;
	border:1px solid  #CCC;
	text-align:left;
	
}
.rowlist .portfolio-img img{
	text-align:center !important;
	padding:2px;
	margin-bottom:5px;
	border:none;
	border-radius:0px;
}
.rowlist .portfolio-imgs {
	width:auto;
	max-height:200px;
	padding:2px;
	margin-bottom:15px;
	border-radius:1px !important;;
	border:1px solid  #CCC;
	text-align:left;
	
}
.rowlist .portfolio-imgs img{
	padding:2px;
	margin-bottom:5px;
	border:none;
	border-radius:0px;
}
.rowlist .portfolio-img p{
	padding:5px;
	margin-bottom:10px;
	text-align:
}

.rowlist .left{
	text-align:left !important
}

.art-header{
	float:left;
	width:100%
}

.art-content-me{
	float:left;
	padding:0px !important;
	margin:0px !important;
	width:100% !important;
	/*margin-top:10px !important; */
	text-align:left;	
}
.art-content-me img{
	
	height:200px !important;
	border:none !important; 
	border-radius:0px  !important;
	margin-left:-20px;
	margin-top:-30px !important
}
.art-content-me img{
	float:left;
	margin-left:-15px;
	 margin-top:-5px !important
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}


.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.icon-list img{
	border:none !important;
	max-height:100px;
	width:auto !important;
	margin-bottom:10px !important;
	margin-right:10px !important;
	margin-left:0px !important
}
.tgl {
    float: left;
    font-size: 12px;
    padding-right: 5px;
    color: #f00;
    font-weight: bold;
}

.content-top{
	float:left;
	width:100% !important
}
.content-top i{
	height:30px;
	width:30px;
	border-radius:100%;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-size:15px;
	background:#666;
	margin-right:10px;
	margin-bottom:5px
}

.ptop p{
	margin-bottom:-2px
}

@charset "UTF-8";
/* CSS Document */


@media (max-width: 1200px) {

.service-info {
	padding:20px;
}

.service-info p {font-size: 13px;}

.cta {height: 156px;}

.cta-info {padding-top: 25px;}

.cta-info h1 {font-size: 36px;}
.cta-info h2 {font-size: 20px;}

.bg-keunggulan {
	margin-top: -110px;
}

.layanan-info {
	height: 275px;
}

.dtd-feature {
	margin-top: 10px;
}

}

@media (max-width: 991px) {

/*ul#menu {display: none;}
ul.social {display: none;}*/
ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	padding-top:32px;
}

label.toggle+a {
	display: none;
}

.toggle {
	display: block;
}

[id^=drop]:checked+div.drop-content {
	display: block;
}

.search-col {
	padding: 20px;
}

.search-col h3 {
	font-size:14px;
}

.search-col p {
	font-size: 13px;
}

.search-pos {
	bottom:85px;
}

.gr-courier {display: none;}

.cta-img {display: none;}

.cta {
	height: auto;
	padding:30px 0;
}

.cta-info {
	padding-top: 0px;
}

.bg-keunggulan {
	margin-top: -50px;
}

.info-keunggulan {
	padding-bottom: 70px;
}

.layanan-info {
	height: auto;
	width:100%;
	float:none;
	margin:0 auto;
}

.dtd-col {
	width:100%;
	float:none;
}

.dtd-feature {
	float:none;
	margin-top: 0px;
	width:100%;
}

.cabang-col {
  width: 50%;
}

}

@media (max-width: 768px) {

h1 {font-size:32px;}
h2 {font-size:18px;}
h3 {font-size:15px;} 
h5 {font-size:11px;}
body {font-size: 13px;}

header {
	height:60px;
}

#logo {
	width: 110px;
	margin-top: 10px;
}

ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	/*padding-top:22px;*/
	margin-top: 20px;
	font-size: 10px;
	margin-right: : -15px;
}

/*ul.social {
	display: none;
}*/
ul#menu li {
  display: inline-block;
	margin-left:15px;
}

ul.social {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-left: 30px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.social li a {
	display: inline-block;
	width:25px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	color:#999;
	border:1px solid #999;
	transition: 0.3s;
}
ul.lang {display: none;}

.lang-mobile {display: block;}

.flex-control-paging li a {
	width: 10px;
	height: 10px;
	margin: 0 4px;
}

.flexslider .flex-control-nav {
	bottom: 30px;
}

#home {
	padding-top: 60px;
}

.search-col {
	width: 100%;
	padding: 30px;
	padding-bottom: 0px;
	height: auto;
	margin:30px 0;
}

.search-col h3 {
	font-size:18px;
}

.search-col p {
	font-size: 15px;
}

.search-pos {
	bottom:90px;
}

.service-col {width:100%;}

.cta-info h1 {font-size: 26px;}
.cta-info h2 {font-size: 18px;}

.copyright {
	float: none;
	text-align: center;
	width:280px;
	margin:0 auto;
}

ul.footer-social {
	float:none;
	text-align: center;
	margin-bottom: 15px;
}

ul.footer-social li {
	margin-left:10px; 
	margin-right: 10px;
}

.inner-banner {
	height: 250px;
	padding-top: 140px;
}

.cabang-col .content {
	padding: 15px;
}

.centered-content {
	width:100%;
}

.beritadetail-bg {
	height: 350px;
}

}


@media (max-width: 556px) {	

#logo {
	width: 100px;
	margin-top: 10px;
}
ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	/*padding-top:22px;*/
	margin-top: -20px;
	font-size: 8px;
	margin-right: 5px;
	margin-top: -15px;
}

/*ul.social {
	display: none;
}*/
ul#menu li {
  display: inline-block;
	margin-left:10px;
}

ul.social {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-left: 30px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.social li a {
	display: inline-block;
	width:25px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	color:#999;
	border:1px solid #999;
	transition: 0.3s;
}


}

@media (max-width: 480px) {	

.nav-dropdown {
  padding: 20px 0 20px 25px;
	font-size: 14px;
}

.cabang-col {
  width: 100%;
}

ul.pagination li a {
	font-size: 12px;
	width:20px;
	height: 20px;
	line-height: 20px;
}


}

@media (max-width: 414px) {	

#logo {
	width: 100px;
	margin-top: 10px;
}
ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	/*padding-top:22px;*/
	margin-top: -20px;
	font-size: 8px;
	margin-right: -67px;
	margin-top: 30px;
}

/*ul.social {
	display: none;
}*/
ul#menu li {
  display: inline-block;
	margin-left:10px;
}

ul.social {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-left: 30px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.social li a {
	display: inline-block;
	width:25px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	color:#999;
	border:1px solid #999;
	transition: 0.3s;
}


}

@media (max-width: 397px) {	

#logo {
	width: 100px;
	margin-top: 10px;
}
ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	/*padding-top:22px;*/
	margin-top: -20px;
	font-size: 8px;
	margin-right: -108px;
	margin-top: 26px;
}

/*ul.social {
	display: none;
}*/
ul#menu li {
  display: inline-block;
	margin-left:10px;
}

ul.social {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-left: 30px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.social li a {
	display: inline-block;
	width:25px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	color:#999;
	border:1px solid #999;
	transition: 0.3s;
}


}


/*test 20-01-21*/
@media (max-width: 364px) {	

#logo {
	width: 100px;
	margin-top: 10px;
}
ul#menu {
	margin:0px; padding:0px;
	box-sizing:border-box;
	letter-spacing:1px;
	text-transform: uppercase;
	float: right;
	font-weight: 700;
	/*padding-top:22px;*/
	margin-top: -20px;
	font-size: 8px;
	margin-right: -100px;
	margin-top: -15px;
}

/*ul.social {
	display: none;
}*/
ul#menu li {
  display: inline-block;
	margin-left:10px;
}

ul.social {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-left: 30px;
    margin-top: 3px;
    margin-bottom: 20px;
}

ul.social li a {
	display: inline-block;
	width:25px;
	height: 25px;
	line-height: 27px;
	text-align: center;
	color:#999;
	border:1px solid #999;
	transition: 0.3s;
}


}