/*II. ISI MENU NAVGIASI */
.site-nav .container .site-navigation .namaAvatar{font-size:1.5em;}

/*IV. DATA DIRI & SKILLS*/
.site-section .container .col-lg-5 .section-heading .judulSkills{font-size:2.5em; color:#F8C000;}
.site-section .container .col-lg-5 .deskripsiDataDiri{text-align:justify;}
.site-section .container .col-lg-5 .keteranganDataDiri span{color:#F8C000;}
.site-section .container .col-lg-6 .judulKategoriSkills {font-size:1.5em; color:#F8C000; margin:2% auto auto auto;}

/*V. RESUME*/
.untree_co-section .container .row .section-heading .judulResume{font-size:2.5em; color:#F8C000;}
.untree_co-section .container .row .col-lg-7 .judulKarir{font-size:1.5em; color:#F8C000; margin-bottom:5%;}
.untree_co-section .container .row .col-lg-7 .resume-item div .namaProfesi{font-size:1em; color:#F8C000;}
.untree_co-section .container .row .col-lg-7 .resume-item div .d-flex .resume-meta .mr-3 .namaPerusahaan{font-size:1em; color:white;}
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat{width:100%; border:1px solid white; 
	padding:1% 5%; border-radius:10px; font-size:1em; color:white;}
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat i{display:none}
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat:hover{color:#F8C000; border-color:#F8C000;}
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat:hover i{display:inline}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk{margin:0; padding:0;}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk .listItemJobDesk{margin:auto; padding:0 0 0 3%; text-align:justify;
	font-size:0.9em; margin-right:5%;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .clearfix span{font-size:0.9em; text-transform:capitalize;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .tanggalResume{font-size:0.9em; text-align:center;}   

/*VI. ORGANISASI*/
.untree_co-section .container .row .section-heading .judulOrganisasi{font-size:2.5em; color:#F8C000;}
.untree_co-section .container .row .col-md-6 .site-service-item .namaOrganisasi{font-size:1.1em;}

/*VII. PORTOFOLIO*/
.untree_co-section .container .row .section-heading .judulPortofolio{font-size:2.5em; color:#F8C000;}
.untree_co-section .container .filters-content .row .single-portfolio .contents .judulItemPortofolio{font-size:1.5em; color:#F8C000;
	text-shadow:0 0 4px black;}
.untree_co-section .container .filters-content .row .single-portfolio .contents .cat{color:black;}

/*VIII. TOOSL, SOFTWARE, & LANGUAGE*/
.site-section .container .row .col-md-12 .section-heading .judulTools{color:#F8C000; font-size:2.5em;}
.site-section .container .row .col-md-2 .block-47 .block-47-quote img{width:100%;}
.site-section .container .row .col-md-2 .block-47 .block-47-quote .keteranganTools{font-size:0.8em; color:white; text-align:center; 
	margin:20% auto auto auto; line-height:1.1em; font-weight:400;}

/*IX KONTAK DAN SOSIAL MEDIA*/
.site-section .container .row .col-md-12 .section-heading .judulKontak{color:#F8C000; font-size:2.5em;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .namaKontak{font-size:1.5em;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .namaKontak p{font-size:0.8em; display:inline}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak{font-size:1em; border:1px solid #F8C000; border-radius:10px; padding:
	1% 2%; transition:0.5s;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak i{display:none;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak:hover{background-color:#F8C000; color:white; font-weight:700;
	}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak:hover i{display:inline-block;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia{color:#F8C000; font-size:2em; margin:1%;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia:hover{color:white;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia:active{color:white;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia:link{color:white;}

/*X. FOOTER*/
.site-footer .container .row .col-lg-4 .widget .judulFooter{color:black; font-size:1.2em;}
.site-footer .container .row .col-lg-3 .widget .judulFooter{color:black; font-size:1.2em;}
.site-footer .container .row .col-lg-2 .widget .judulFooter{color:black; font-size:1.2em;}

/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/
/*#################################################### MAX 400 #########################################################*/

/*Mobile Ukuran Kecil Contoh Iphone 4*/
@media only screen and (max-width: 400px){

/*IV. DATA DIRI & SKILLS*/
.site-section .container .col-lg-5 .section-heading .judulSkills{font-size:1.5em;}
.site-section .container .col-lg-5 .deskripsiDataDiri{font-size:0.8em;}
.site-section .container .col-lg-5 .keteranganDataDiri{font-size:0.8em;}
.site-section .container .col-lg-6 .judulKategoriSkills {font-size:1em; margin-top:10%;}
.site-section .container .col-lg-6 .my-2 .skill .namaSKills{font-size:0.8em;}

/*V. RESUME*/
.untree_co-section .container .row .section-heading .judulResume{font-size:1.5em; color:#F8C000;}
.untree_co-section .container .row .col-lg-4 .imageResume2{display:none;}
.untree_co-section .container .row .col-lg-7 {margin-top:10%}
.untree_co-section .container .row .col-lg-7 .judulKarir{font-size:1em;}
.untree_co-section .container .row .col-lg-7 .resume-item div .namaProfesi{font-size:0.8em}
.untree_co-section .container .row .col-lg-7 .resume-item div .d-flex .resume-meta .mr-3 .namaPerusahaan{font-size:0.9em; 
	line-height:1.2em;}
.untree_co-section .container .row .col-lg-7 .resume-item div .d-flex .resume-meta .mr-3 .icon{display:none}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk .listItemJobDesk{font-size:0.8em}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk .listItemJobDesk{font-size:0.7em; padding:0 0 0 8%;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .clearfix span{font-size:0.8em;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .tanggalResume{font-size:0.8em;}   
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat{font-size:0.7em;}

/*VI. ORGANISASI*/
.untree_co-section .container .row .section-heading .judulOrganisasi{font-size:1.5em;}
.untree_co-section .container .row .single-portfolio .contents .judulItemPortofolio{font-size:1em;}
.untree_co-section .container .row .col-md-6 .site-service-item p{font-size:0.8em;}
.untree_co-section .container .row .col-md-6 .site-service-item a{font-size:0.8em;}

/*VII. PORTOFOLIO*/
.untree_co-section .container .row .section-heading .judulPortofolio{font-size:1.5em;}

/*VIII. TOOSL, SOFTWARE, & LANGUAGE*/
.site-section .container .row .col-md-12 .section-heading .judulTools{font-size:1.5em}
.site-section .container .row .col-md-2 .frameTools{float:left; display:inline}
.site-section .container .row .col-md-2 .block-47 .block-47-quote{width:30%; margin:auto; padding:5%; clear:both; float:left;}
.site-section .container .row .col-md-2 .block-47 .block-47-quote .keteranganTools{display:none;}

/*IX KONTAK DAN SOSIAL MEDIA*/
.site-section .container .row .col-md-12 .section-heading .judulKontak{font-size:1.5em;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block{text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .namaKontak{font-size:1em; text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak{font-size:0.8em; text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia{font-size:1.5em; display:inline-block;}
}

/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/
/*#################################################### 400 s/d 600 #########################################################*/

/*Mobile Ukuran Kecil Contoh Pixel 2*/
@media only screen and (min-width: 400px) and (max-width: 600px){
/*IV. DATA DIRI & SKILLS*/
.site-section .container .col-lg-5 .section-heading .judulSkills{font-size:1.5em;}
.site-section .container .col-lg-5 .deskripsiDataDiri{font-size:0.8em;}
.site-section .container .col-lg-5 .keteranganDataDiri{font-size:0.8em;}
.site-section .container .col-lg-6 .judulKategoriSkills {font-size:1em; margin-top:10%;}
.site-section .container .col-lg-6 .my-2 .skill .namaSKills{font-size:0.8em;}

/*V. RESUME*/
.untree_co-section .container .row .section-heading .judulResume{font-size:1.5em; color:#F8C000;}
.untree_co-section .container .row .col-lg-4 .imageResume2{display:none;}
.untree_co-section .container .row .col-lg-7 {margin-top:10%}
.untree_co-section .container .row .col-lg-7 .judulKarir{font-size:1.2em;}
.untree_co-section .container .row .col-lg-7 .resume-item div .namaProfesi{font-size:1em}
.untree_co-section .container .row .col-lg-7 .resume-item div .d-flex .resume-meta .mr-3 .namaPerusahaan{font-size:0.9em; 
	line-height:1.2em;}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk .listItemJobDesk{font-size:0.8em}
.untree_co-section .container .row .col-lg-7 .resume-item div .listJobDesk .listItemJobDesk{font-size:0.7em; padding:0 0 0 8%;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .clearfix span{font-size:0.8em;}
.untree_co-section .container .row .col-lg-7 .resume-item .ml-auto .tanggalResume{font-size:0.8em;}   
.untree_co-section .container .row .col-lg-7 .resume-item div .linkSertifikat{font-size:0.7em;}

/*VI. ORGANISASI*/
.untree_co-section .container .row .section-heading .judulOrganisasi{font-size:1.5em;}

/*VII. PORTOFOLIO*/
.untree_co-section .container .row .section-heading .judulPortofolio{font-size:1.5em;}

/*VIII. TOOSL, SOFTWARE, & LANGUAGE*/
.site-section .container .row .col-md-12 .section-heading .judulTools{font-size:1.5em}
.site-section .container .row .col-md-2 .frameTools{float:left; display:inline}
.site-section .container .row .col-md-2 .block-47 .block-47-quote{width:30%; margin:auto; padding:5%; clear:both; float:left;}
.site-section .container .row .col-md-2 .block-47 .block-47-quote .keteranganTools{display:none;}

/*IX KONTAK DAN SOSIAL MEDIA*/
.site-section .container .row .col-md-12 .section-heading .judulKontak{font-size:1.5em;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block{text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .namaKontak{font-size:1em; text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .tombolKontak{font-size:0.8em; text-align:center;}
.site-section .container .row .col-md-9 .list-unstyled li .d-block .sosialMedia{font-size:1.5em; display:inline-block;}
}


/*#################################################### 1000 #########################################################*/
/*#################################################### 1000 #########################################################*/
/*#################################################### 1000 #########################################################*/
/*#################################################### 1000 #########################################################*/
/*#################################################### 1000 #########################################################*/
/*#################################################### 1000 #########################################################*/

/*Ipad*/
@media only screen and (min-width: 600px) and (max-width: 1000px){
/*V. RESUME*/
.untree_co-section .container .row .col-lg-4 .imageResume2{display:none;}
.untree_co-section .container .row .col-lg-7 {margin-top:10%}
}