@media (min-width: 1200px) {
	body .banner-fw {
		height: 450px;
	}
}

@media (min-width: 1321px) {
	.wh-container {
    	max-width: 1140px;
	}

	section.error-404.not-found {
		height: 560px;
	}

	a.notif {
    	right: 37.5%;
	}
}
@media only screen and (max-width: 900px) {
	.content-jasa-citra>.wpb_column {
		width: 100%;
	}
	.content-jasa-citra {
		display: flex;
		flex-flow: column;
	}
}

@media only screen and (min-width: 768px) {
	body .image-gallery.wpb_single_image img {
		width: 250px;
		height: 190px;
		object-fit: cover;
	}
	.all-careeer {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	    margin: 0 -20px;
	}

	.all-careeer .career-content {
	    width: 50%;
	    padding: 0 20px;
	    margin-bottom: 40px;
	}

	.detail-content p {
    	min-height: 77px;
	}
}


@media (max-width: 1439px) and (min-width: 1320px){
	a.notif {
    	right: 31.5%;
	}
}

@media only screen and (min-width: 769px) {
	.portofolio-list {
	    width: 20%;
	    position: relative;
	    padding: 10px;
	    overflow: hidden;
	}
	.content-portofolio {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	}
	
	.xclose {
		display: none;
	}
	
	ul#primary-menu .sub-menu {
    position: absolute;
    left: 0;
    top: 200%;
    width: 310px;
    text-align: left;
    background-color: #191919;
    z-index: 9999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    padding: 30px;
}
	section.error-404.not-found h1 {
		font-size: 250px;
	}

	section.error-404.not-found {
		padding: 25px;
	}
	.breadcrumbs span:first-child {
	   font-size: 16px;
	}

	.breadcrumbs span.current-item, 
	.breadcrumbs span.category-post.title-category span {
	    font-size: 16px;
	}

	.wh-cta.cta-footer-mobile,
	.cta-fixed {
		display: none;
	}

	.menu-menu-header-container ul#primary-menu {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    width: 70%;
	}

	a.custom-menu-mobile {
		display: none;
	}

	.wh-footer-cta {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    height: 145px;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	}	
	.wh-footer-cta p {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		margin: 0;
	}

	.logo-client {
	    width: 70px;
	    height: 85px;
	    background-repeat: no-repeat;
	}

	a.wh-ctaphone {
	    background: #fff;
	    padding: 10px 17px;
	    text-decoration: none;
	    color: #f10002;
	    font-weight: 600;
	    border-radius: 3px;
	}

	.site-content {
	    margin-top: 180px;
	}


	.logged-in.admin-bar .wh-row-header {
	    top: 32px;
	}

	.main-navigation ul.nav-menu > li.menu-item-has-children:after {
	    content: '';
	    background-image: url(/wp-content/uploads/2019/11/chevron-a.svg);
	    display: inline-block;
	    position: absolute;
	    width: 15px;
	    height: 15px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    right: -26px;
	    top: 5px;
	}

	.main-navigation ul.nav-menu > li.menu-item-has-children:hover:after {
	    -webkit-transform: rotate(180deg);
	            transform: rotate(180deg); 
	    -webkit-transition: 300ms linear all; 
	    transition: 300ms linear all;
	}

	ul#primary-menu li:hover ul.sub-menu {
	    top: 200%;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    opacity: 1;
	    visibility: visible;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column;
	    -webkit-box-align: normal;
	        -ms-flex-align: normal;
	            align-items: normal;
	    -webkit-box-pack: normal;
	        -ms-flex-pack: normal;
	            justify-content: normal;
	}

	article.type-karir {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.entry-content.content-karir {
	    width: 52%;
	    padding-right: 30px;
	}

	.sidebar-karir {
    	width: 48%;
	}


}

@media all and (max-width: 768px) {
	.site-content {
	    margin-top: 100px;
	}
	.image-gallery.wpb_single_image img {
		height: 250px;
	}
}

@media (max-width: 768px) and (min-width: 501px){
	.logo-client {
	    width: 135px;
	    height: 88px;
	    background-repeat: no-repeat;
	}

	.content-portofolio {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	}

	.portofolio-list {
	    width: 20%;
	    position: relative;
	    padding: 10px;
	    overflow: hidden;
	}
}

@media (max-width: 500px) and (min-width: 376px){
.logo-client {
	    width: 75px;
	    height: 88px;
	    background-repeat: no-repeat;
	}
}

@media (max-width: 375px) and (min-width: 320px){
	.logo-client {
	    width: 100px;
	    height: 88px;
	    background-repeat: no-repeat;
	}

	.home .banner-fw {
    	height: 550px;
	}
}

@media (max-width: 768px) and (min-width: 320px){

	.portofolio-list {
    	margin-bottom: 20px;
	}

	.detail-content p {
    	min-height: 120px;
	}

	.career-content {
    	margin-bottom: 25px;
	}

	html.js_active {
    	margin-top: 0!important;
	}

	div#wpadminbar {
    	display: none;
	}
	article ol,
	article ul {
    	margin-left: 0;
	}

	a.notif {
		display: none;
	}
	
	ul#primary-menu .sub-menu {
	    position: relative;
	    text-align: left;
	    background-color: #000;
	    z-index: 9999;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column;
	    -webkit-box-align: normal;
	        -ms-flex-align: normal;
	            align-items: normal;
	    -webkit-box-pack: normal;
	        -ms-flex-pack: normal;
	            justify-content: normal;
	    padding: 30px;
	}
	.breadcrumbs span:first-child {
	   font-size: 13px;
	}

	section.error-404.not-found h1 {
		font-size: 70px;
		line-height: 1.5;
	}

	.breadcrumbs span.current-item, 
	.breadcrumbs span.category-post.title-category span {
	    font-size: 13px;
	}

	.row-ctafixed .info-ctafixed {
	    width: 45%;
	    text-align: center;
	}
	.info-ctafixed:first-child a:before {
		padding-left: 20px;
	    content: '';
	    width: 26px;
	    height: 26px;
	    background: url(/wp-content/uploads/2019/11/telephone.svg) center/contain no-repeat;
	    position: relative;
	    display: inline-block;
	    right: 10px;
	    top: 5px;
	}

	.logged-in.admin-bar button.menu-toggle {
		top: 33px;
	}

	.border-box {
    	width: 2px;
    	background: #fff;
    	height: 25px;
	}

	
	.info-ctafixed:last-child a:before {
	    content: '';
	    width: 26px;
	    height: 26px;
	    background: url(/wp-content/uploads/2019/11/email.svg) center/contain no-repeat;
	    display: inline-block;
	    position: relative;
	    top: 7px;
	    right: 9px;
	}


	.row-ctafixed a {
	    color: #fff;
	    text-decoration: none;
	}

	.row-ctafixed {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    padding: 20px;
	}
	.cta-fixed {
	    display: block;
	    position: fixed;
	    bottom: 0;
	    background-color: #f10002;
	    width: 100%;
	}

	a.wh-ctaphone {
	    background: #fff;
	    padding: 7px 10px;
	    text-decoration: none;
	    color: #f10002;
	    font-weight: 600;
	    border-radius: 3px;
	    font-size: 11px;
	}

	.wh-cta.cta-footer-mobile {
		display: block;
	}

	.wh-cta.cta-footer-mobile p {
		margin-bottom: 0;
	}

	.wh-cta {
		display: none;
	}

	

	.wh-footer-cta {
    	padding: 30px 0px;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: center;
    	    -ms-flex-align: center;
    	        align-items: center;
    	-webkit-box-pack: justify;
    	    -ms-flex-pack: justify;
    	        justify-content: space-between;
	}

	.wh-footer-cta p {
    	margin-bottom: 20px;
    	line-height: 1;
    	color: #fff;
		font-size: 20px;
		font-weight: bold;
		margin-top: 0;
	}

	.wh-col-desc {
    	margin-top: 50px;
	}

	header#masthead {
		height: 0;
	}

	.logo-menu {
		display: block;
	}

	a.custom-logo-link {
		display: none;
	}

	.wh-topbar,
	.wh-row.header-section {
    	background: #000;
	}

	p.wh-banner-desc {
		font-size: 16px;
	    max-width: 70%;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}

	.wh-contact {
    	display: none;
	}
	.site-branding img {
    	max-height:75px;
	}

	.wh-btncta a:last-child {
    	display: none;
	}

	.menu-toggle span {
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;  
		background: #fff;
		border-radius: 3px;  
		z-index: 1;  
		-webkit-transform-origin: 4px 0px;  
		        transform-origin: 4px 0px;
  		-webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  		transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
  		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease,
        -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
       
	}

	button.menu-toggle {
    	background: no-repeat;
    	border: none;
    	position: absolute;
	    right: 0;
	    top: 30px;
	}

	button#menu-mobile:focus {
    	outline: none;
	}

	/*menu*/ 
    .menu-toggle {
        display: block;
    }
    .menu-toggle {
        border: none;
        background: none;
        line-height: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        right: 0;
        z-index: 9999;
        position: relative;
        padding-left: 0;
    }
    .icon-hamburger {
        width: 35px;
        height: 25px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .icon-hamburger > span {
        background: #fff;
        width: 100%;
        height: 2px;
        display: inline-block;
        margin: 2px 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #site-navigation.toggled .icon-hamburger>span:nth-child(2) {
        -webkit-transform: translate(15px,2px) scale(0,0);
                transform: translate(15px,2px) scale(0,0);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #site-navigation.toggled .icon-hamburger>span:first-child {
        -webkit-transform: rotate(40deg) translate(-3px,-6px) scale(1.1,1);
        transform: rotate(40deg) translate(-3px,-6px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #site-navigation.toggled .icon-hamburger>span:last-child {
        -webkit-transform: rotate(-40deg) translate(7px,-9px) scale(1.1,1);
        transform: rotate(-40deg) translate(5px,-5px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #site-navigation.toggled #primary-menu {
        opacity: 1;
        visibility: visible;
        z-index: 999;
        top: 0;
    }
    #site-navigation:not(.toggled) #primary-menu {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        top: -10px;
        overflow: hidden;
    }
    #site-navigation #primary-menu {
        position: fixed;
        width: 100%;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
        left: 0;
        background: #000;
        padding: 55px 20px 20px;
        -webkit-transition: .3s;
        transition: .3s;
        padding-top: 140px;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        left: auto;
        top: 0;
        width: 100%;
    }
    #site-navigation #primary-menu .menu-item-has-children.toggled > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
    }
    #site-navigation #primary-menu .menu-item-has-children > ul,
    #site-navigation #primary-menu .menu-item-has-children.closed-list > ul {
        display: none;
    } 
    #site-navigation #primary-menu .menu-item-has-children.open-list > ul {
        display: block;
    }
    #site-navigation.toggled  #primary-menu li a {
        font-weight: bold;
        line-height: 2;
        text-align: center;
        color: #fff;
		font-family: 'Open Sans', sans-serif;
    }

    .menu-item > a {
    	width: auto;
    	position: relative;
    	display: inline-block;
	}
    .main-navigation ul ul li:hover > ul, 
    .main-navigation ul ul li.focus > ul {
        left: 0;
    }

    .menu-item-has-children > span {
	    position: relative;
	    top: -10px;
	    display: inline-block;
	    width: 10px;
	    height: 10px;
	    border-top: 2px solid #ffffff;
	    border-right: 2px solid #ffffff;
	    -webkit-transform: rotate(135deg);
	            transform: rotate(135deg);
	    margin: 0 0 0 15px;
	    -webkit-transition: 0.2s ease-out;
	    transition: 0.2s ease-out;
	    font-size: 0;
	}

	.menu-item-has-children.toggled > span {
	    top: -5px;
	    -webkit-transform: rotate(-45deg);
	            transform: rotate(-45deg);
	}

	button#menu-toggle:focus {
		outline: none;
	}

	.main-navigation li {
		text-align: center;
		padding-bottom: 11px;
	}


}