/* -------------------------------------------------------------------------------------------------------------------------- */
/* iPad */
/* -------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.row {width: 100%;}
	.ca-item {width: 50%!important;}
	.cbp-af-header #header-landing #logo {
		width: 75%!important;
		top: 7px!important;
		right: 20px;
	}
	.cbp-af-header #header-landing #logo img {
		width: 25%;
		float: right;
	}
}
@media only screen and (min-width: 1020px) and (max-width: 1024px) {
	.row, .row-feature {width: 100%;}
	.container {padding: 0 20px;}
	.ca-icon {height: 350px;}
	.ca-nav span {left: 44%;}
	.ca-nav span.ca-nav-next {right: 44%;}
	.grid figure {height: 342px!important; width:342px;}
	.home-news-content {height: 342px!important;}
	.home-news-content .news-content-list-other {
		height: 342px!important;
		padding: 20px;
	}
	    /* Layla */
    figure.effect-layla figcaption {
		padding: 1.2em!important;
	}
	figure.effect-layla figcaption::before {
		top: 20px!important;
		right: 10px!important;
		bottom: 20px!important;
		left: 10px!important;
	}

	figure.effect-layla figcaption::after {
		top: 10px!important;
		right: 20px!important;
		bottom: 10px!important;
		left: 20px!important;
	}
	figcaption .button-hole-white-small {bottom: 30px;}
	.home-news-content figcaption p {
		font-size: 12px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/*iPhone 5 Landscape */
/* -------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 561px) and (max-width : 768px){
	.row, .row-small, .three, .row .three, .nine, .row .nine, .five, .row .five, .six, .row .six, .seven, .row .seven,  .eight, .row .eight {
		width: 100%;
	}
	.mobile-one {width: 25%!important;}
	.mobile-two {width: 50%!important;}
	.mobile-three {width: 75%!important;}
	.mobile-four {width: 100%!important;}
	.content {width: 100%;}
	.desktop-component {display: none;}
	.mobile-component {display: block;}
	.container {padding: 0 10px;}
	#header .soc-head-icons {
		float: none;
		display: inline-block;
		padding: 0 20px;
	}

	.recent-block .folio-item {
		width: 49.5%;
	}
	.two-half {width: 50%;}
    .small-container {padding:0px;}
    .promo-area {margin: 10px 0px;}
    .four,.row .four {width: 100%;}
    .promo-left, .promo-middle, .promo-right {padding:10px 0px;}
	#top-menu {
		display: none;
	}
	#header address {
		padding-top: 27px;
	}	
	#header {
		text-align:center;
	}
	.under-slider {
		padding-top: 20px;
	}
	.cbp-af-header #top-menu > ul > li {
		height: 35px;
	}
	.cbp-af-header.cbp-af-header-shrink #top-menu > ul > li {
		padding: 5px;
	}
	.cbp-af-header #header #logo img {
		width: 25%!important;
		margin-right: 20px!important;
	}
	.cbp-af-header #header-office #logo {
		top: 10px!important;
		right: 15px;
		width: 20%!important;
		height: auto!important;
	}
	.cbp-af-header.cbp-af-header-shrink #header-office #logo {
		top: 5px!important;
	}
	#logo, #top-info {
		float: none;
		display: inline-block;
	}
	.cbp-af-header .gn-menu-main {
		width: 50px;
		height: 50px;
	}
	.cbp-af-header .gn-menu-main li.gn-trigger { width: 50px;}
	.cbp-af-header .gn-menu-wrapper {width: 50px; top: 50px;}
	.cbp-af-header #header .top-line, .cbp-af-header #header-landing .top-line, .cbp-af-header #header-office .top-line {
        top: 12px; 
        position: absolute;
    }
    .cbp-af-header #header .middle-line, .cbp-af-header #header-landing .middle-line, .cbp-af-header #header-office .middle-line {
    	top: 25px; 
    	position: absolute;
    }
    .cbp-af-header #header .bottom-line, .cbp-af-header #header-landing .bottom-line, .cbp-af-header #header-office .bottom-line {
    	top: 38px; 
    	position: absolute;
    }
    .cbp-af-header #header .gn-selected .top-line, .cbp-af-header #header-landing .gn-selected .top-line, .cbp-af-header #header-office .gn-selected .top-line {
		top:25px;
	}
	#logo {
		position: relative;
		float: right;
	}

	.cbp-af-header #header, .cbp-af-header #header-landing, .cbp-af-header #header-office {
		height: 50px!important;
	}
	.cbp-af-header.cbp-af-header-shrink #header, .cbp-af-header.cbp-af-header-shrink #header-landing, .cbp-af-header.cbp-af-header-shrink #header-office {
		height: 50px!important;
	}
	.cbp-af-header #header #logo img {
		float: right;
	}

	#top-menu {
		float: none;
		text-align:left;
		width: 100%;
		margin-top: 90px;
		position: relative;
		z-index: 999;
		background: #005cab;
	}
	#top-menu > ul > li {
		float: none;
		margin-left: 0;
		height: 35px;
		padding: 0px;
	}
	#top-menu > ul > li  .menu-item-wrap {
		overflow: hidden;
		height: auto;
		display: block;
	}

	#top-menu > ul > li > .menu-item-wrap > a {
		display: block;
		border-bottom: 1px solid #fff;
	}
	#top-menu .tile-icon {
		float: left;
		padding: 5px 10px 5px 0;
	}
	#top-menu .tile-icon img  {
		width: 28px;
	}
	#top-menu > ul > li > .under {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu>ul>li>ul>li>ul {
		padding: 0;
		position: relative;
		top: auto;
		opacity: 1;
		visibility: visible;
        width: 100%;
        max-width: 100%!important;
        background: #005cab;
	}
    #top-menu>ul>li>ul>li>ul {
        left: 0;
    }
	#top-menu > ul > li .link-text {
		display: block;
		padding-top: 7px;
		padding-bottom: 7px;
		border-bottom: 0px dotted #e8e8e8;
		font-size:16px;
		color: #fff;
		font-weight: 400;
	}
	#top-menu > ul > li ul li .link-text {
		display: block;
		width: auto;
	}
	#top-menu .arrow {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu > ul > li ul li a:hover .link-text, #top-menu > ul > li ul li.current-menu-item a .link-text	{
		background: transparent;
	}
	#top-menu > ul > li.current-menu-item, #top-menu > ul > li:hover{
		border-bottom: 0px solid #fff;
	}
	#top-menu > ul li.current-menu-item>span>a .link-text, #top-menu > ul > li ul li  {
		border: none;
	}
	#top-menu > ul > li.current-menu-item ul li .link-text {
		color: #fff;
		margin-left:57px;
	}
	#top-menu .current-menu-item > span .link-text {
		color: #fff;
	}
	#top-menu > ul > li.current-menu-item ul li.current-menu-item .link-text {
		color:#fff;
	}
	#top-menu > ul li.current-menu-item li.current-menu-item .menu-item-wrap {
		margin-left: 57px;
		position: relative;
	}
	#top-menu > ul > li li.current-menu-item .link-text {
		margin-left: 0;
	}
	#top-menu > ul li.current-menu-item > .menu-item-wrap {
		background: transparent;
	}
	#top-menu > ul li li.current-menu-item > span > a .link-text {
		margin:0;
	}
	#top-menu > ul > li li.current-menu-item > .menu-item-wrap:before {
		border-left: 15px solid #50b4e6;
		border-top: 15px solid white;
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
	}
	#top-menu > ul  li.current-menu-item .menu-item-wrap {
		border-radius: 0px;
	}
	.panel-mobile {display: none;}
	.description.disp {
		bottom: -100%;
	}

	.top-menu-button {
		background:url("https://indonesiaraya.id/wp-content/themes/indonesiaraya/assets/img/resp-navi.png") 50% 50% no-repeat;
		display:block;
		width:36px;
		height:36px;
		margin-top:23px;
		float: left;
	}
	.top-menu-button.active {
		background-color:transparent;
	}
	.ca-container {
    	height: 530px;
    	margin-top: 5px;
    }
    .ca-item {
    	width: 100%;
    }
    .ca-item h2 {
    	font-size: 20px;
    	margin-bottom: 5px;
    }
    .ca-item-main span.sub-subtitle p {
    	font-size: 14px;
    }
    .ca-icon {
    	height: 250px;
    	margin: 0px;
    }
    .ca-icon img {height: 240px; width: auto;}
    .ca-nav span {left:32%;}
    .ca-nav span.ca-nav-next {right: 32%;}
    .ca-nav span {
    	top: 450px;
    }
    .ca-item-main {
    	top: 0px;
    	padding: 0px;
    }
    #home-product {
	    margin: 10px 0 0 0;
	    padding: 0px;
	}
	#house {
		height: auto;
	    width: 100%;
	    background-position:center center;
	    padding: 30px 10px 20px 10px;
	}
	#product-cats {
		width: 100%;
	}
	#product-cats .product-postthumbnail img {
		width: 45%;
		height: auto;
		float: left;
	}
	.product-shortdesc{
		width: 55%;
		float: right;
	}
	.call-center {
		width: 100%;
	}
	.home-news-content, .home-news-content .overlay, .home-news-content .news-content-list-other {
	    height: 284px;
	}
	.home-news-content .news-content-list-other {
		padding: 20px;
	}
	figure.effect-layla figcaption {
		padding: 1.2em!important;

	}
	figure.effect-layla figcaption::before {
		top: 20px!important;
		right: 10px!important;
		bottom: 20px!important;
		left: 10px!important;
	}

	figure.effect-layla figcaption::after {
		top: 10px!important;
		right: 20px!important;
		bottom: 10px!important;
		left: 20px!important;
	}
	.grid figure, .grid figure img {width: 284px!important; height: 284px!important;}
	figure.effect-layla h2 {padding-top: 0%!important; font-size: 22px!important;}
	.home-news-content figcaption .button-hole-white-small {bottom: 20px;}
	figure.effect-layla p {font-size: 12px;}
	.no-smart-landscape {display: none;}
	.wp_rp_content ul li {
		width: 250px;
	}
	.feature-desc {top: 30%;}
	.feature-desc h2 {font-size: 35px;}
	.feature-desc h3 span {font-size: 25px!important;}
	.margin-top, #free-trial-top {padding-top: 20px;}
	.left-form, .right-form {padding: 0 20px!important;}
	#free-trial-top .free-small-desc {text-align: center;}
	#free-trial-top .button-hole-white {margin: 0 auto}
	#news {margin: 0 auto;}
	.section-title.news {margin-bottom: 0px;}
	.right-content-archive {padding: 20px 0; text-align: center;}
	.top-archive .button-hole-brown, .bottom-archive-product .button-hole-brown {
		margin: 0 auto;
	}
	.desktop-slider{margin-top: 50px;}
	#content-section .highlight-product .jargon-area {
		margin-top: 0px;
	}
	#content-section h2.jargon {
		font-size: 22px;
		text-align: right;
	}
	#content-section .highlight-product .jargon-area {
		padding: 50px 50px 0 0;
	}
	#content-section h2.section-title {
		font-size: 24px;
	}
	.product-img img{
		height: 175px;
		width: auto;
	}
	.landscape .button-hole-small {margin: 0 auto;
		display: block;
	}
	.section-title-bar {
    	background: linear-gradient(to bottom, #F6F9FF, #E4EBF6);
    	height: 35px;
    	padding: 10px;
    	border-top:1px solid #CED9EB;
    	border-bottom:1px solid #CED9EB; 
    }
    .section-title-bar h2.section-title {
		padding: 0px!important;
		margin-top: 0px!important;
		font-size: 14px!important;
		text-align: left!important;
		color: #0b31b7;
	}
    .section-title h2 {
    	font-size: 22px;
    	margin-bottom: 5px;
    }
    .news {margin-top: 0px;}
    .left-news {height: auto; background: linear-gradient(to bottom, #fafbfd, #e8f1f9) ;}
    .grid figure {float: left;}
	.post-2 {
		float: left;
		height: auto;
	    padding: 10px 0;
	    background: linear-gradient(to bottom, #fafbfd, #e8f1f9);
	    width: 100%;
	}
	
	.post-2-thumbnail {
	    float: left;
	    margin-right: 10px;
	    margin-left: 10px;
	}
	.post-2-thumbnail img {
	    width: 75px;
	    height: 75px;
	    margin-left: 0px;
	}
	.post-2-content {overflow: hidden; padding-right: 10px;}
	.post-2-content p{font-size: 12px}
	.post-2 h2 {
	    color: #1637b0;
	    font-family: Helvetica;
	    font-size: 14px;
	    font-weight: bold;
	    border-bottom: 1px solid #1637b0;
	}

	.post-3 {
	    height: 100px;
	    background: linear-gradient(to bottom, #fafbfd, #e8f1f9);
	}
	.post-3-thumbnail {
	    float: left;
	    margin-right: 10px;
	    margin-left: 10px;
	}
	.post-3-thumbnail img {
	    width: 75px;
	    height: 75px;
	    margin-top: 10px;
	}
	.post-3-content {
	    overflow: hidden;
	    float: left;
	    padding: 10px 0 5px 0;
	    width: 50%;
	}
	.post-3-content p{
	    margin-top: 5px;
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 1.2;
	}
	.post-3 h2 {
	    color: #1637b0;
	    font-family: Helvetica;
	    font-size: 14px;
	    font-weight: bold;
	    border-bottom: 1px solid #1637b0;
	}
	.post-3-link {
	    float: left;
	    overflow: hidden;
	    padding: 0px;
	}
	.post-3-link a img {
		display: none;
	    width: auto;
	    height: 15px;
	    margin: 50px 0 0 20px;
	}
	.post-3-link a span{
		font-size: 11px;
		margin-top: 30px
	}
	.berita-lain {padding-right: 10px;}
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/*iPhone 5 */ 
/* -------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width : 320px) and (max-width : 560px) and (orientation:portrait) {
	#layout, .row, .row-wide, .three, .row .three, .five, .row .five, .six, .row .six,.eight, .row .seven, .seven, .row .eight, .nine, .row .nine {width: 100%;}
	.mobile-two {width: 50%!important;}
	body, p {font-size: 18px;}
	body {
		background-size: 80%;
		height: 100%;
		overflow: hidden;
		background-position: 60% 50%;
	}
	#header .soc-head-icons {
		float: none;
		display: inline-block;
		padding: 0 20px;
	}
	.row-feature, .row-small {
		width: 100%;
	}

	.recent-block .folio-item {
		width: 49.5%;
	}
	.desktop-component {display: none;}
	.mobile-component {display: block;}
	.desktop-slider {
		margin-top: 60px;
	}
	.two-half {width: 50%;}
	.container {padding: 0 15px;}
    .small-container {padding:0px;}
    #content {
	    padding: 60px 20px;
	}
	#content h1{
		font-size: 41px;
	}
    .promo-area {margin: 10px 0px;}
    .four,.row .four {width: 100%;}
    .promo-left, .promo-middle, .promo-right {padding:10px 0px;}
	#top-menu {
		display: none;
	}
	.sb-toggle-left, .cbp-spmenu {
		display: block;
	}
	#header address {
		padding-top: 27px;
	}	
	#header {
		text-align:center;
	}
	
	


	/* standard */

	
	#logo, #top-info {
		float: none;
		display: inline-block;
	}
	#logo {
		position: relative;
		float: left;
		width: 100%;
	}
	#logo a img {
		
	}
	
	#top-menu {
		float: none;
		text-align:left;
		width: 100%;
		margin-top: 90px;
		position: relative;
		z-index: 999;
		background: #005cab;
	}
	#top-menu > ul > li {
		float: none;
		margin-left: 0;
		height: 35px;
		padding: 0px;
	}
	#top-menu > ul > li  .menu-item-wrap {
		overflow: hidden;
		height: auto;
		display: block;
	}

	#top-menu > ul > li > .menu-item-wrap > a {
		display: block;
		border-bottom: 1px solid #fff;
	}
	#top-menu .tile-icon {
		float: left;
		padding: 5px 10px 5px 0;
	}
	#top-menu .tile-icon img  {
		width: 28px;
	}
	#top-menu > ul > li > .under {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu>ul>li>ul>li>ul {
		padding: 0;
		position: relative;
		top: auto;
		opacity: 1;
		visibility: visible;
        width: 100%;
        max-width: 100%!important;
        background: #005cab;
	}
    #top-menu>ul>li>ul>li>ul {
        left: 0;
    }
	#top-menu > ul > li .link-text {
		display: block;
		padding-top: 7px;
		padding-bottom: 7px;
		border-bottom: 0px dotted #e8e8e8;
		font-size:16px;
		color: #fff;
		font-weight: 400;
	}
	#top-menu > ul > li ul li .link-text {
		display: block;
		width: auto;
	}
	#top-menu .arrow {
		display: none;
	}
	#top-menu > ul > li > ul, #top-menu > ul > li ul li a:hover .link-text, #top-menu > ul > li ul li.current-menu-item a .link-text	{
		background: transparent;
	}
	#top-menu > ul > li.current-menu-item, #top-menu > ul > li:hover{
		border-bottom: 0px solid #fff;
	}
	#top-menu > ul li.current-menu-item>span>a .link-text, #top-menu > ul > li ul li  {
		border: none;
	}
	#top-menu > ul > li.current-menu-item ul li .link-text {
		color: #fff;
		margin-left:57px;
	}
	#top-menu .current-menu-item > span .link-text {
		color: #fff;
	}
	#top-menu > ul > li.current-menu-item ul li.current-menu-item .link-text {
		color:#fff;
	}
	#top-menu > ul li.current-menu-item li.current-menu-item .menu-item-wrap {
		margin-left: 57px;
		position: relative;
	}
	#top-menu > ul > li li.current-menu-item .link-text {
		margin-left: 0;
	}
	#top-menu > ul li.current-menu-item > .menu-item-wrap {
		background: transparent;
	}
	#top-menu > ul li li.current-menu-item > span > a .link-text {
		margin:0;
	}
	#top-menu > ul > li li.current-menu-item > .menu-item-wrap:before {
		border-left: 15px solid #50b4e6;
		border-top: 15px solid white;
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
	}
	#top-menu > ul  li.current-menu-item .menu-item-wrap {
		border-radius: 0px;
	}
	.panel-mobile {display: none;}
	.description.disp {
		bottom: -100%;
	}

	.top-menu-button {
		background:url("https://indonesiaraya.id/wp-content/themes/indonesiaraya/assets/img/resp-navi.png") 50% 50% no-repeat;
		display:block;
		width:36px;
		height:36px;
		margin-top:23px;
		float: left;
	}
	.top-menu-button.active {
		background-color:transparent;
	}
	
	#promo-home { max-height: 450px}
	.tabs.contained.horisontal {
		margin: 0 20px;
	}
	.filter {
		margin: 0 20px 20px;
	}
	.tabs.horisontal dd, .tabs.horisontal li, .filter li {
		float: none;
		text-align: center;
	}
	.recent-block .page-block-title {
		float: none;
	}
	.tabs.horisontal, .filter {
		height: auto;
	}
	.tabs.horisontal dd.active, .tabs.horisontal dd.active:first-child, .filter li.active:first-child {
		
	}
	.tabs dd a, .tabs li a, .filter li a {
		width: 100%;
	}
	.tabs.horisontal dd, .tabs.horisontal dd:first-child, .filter li:first-child, .filter li {
		border-top: 1px solid #f1f1f1;
		margin-left: -20px;
		margin-right: -20px;
	}
	.single-tabs .tabs.horisontal dd, .single-tabs .tabs.horisontal dd:first-child, .single-tabs .filter li:first-child, .filter li {
		border-top: 1px solid #f1f1f1;
		width: 33.33%;
		margin: 0 0 20px 0!important;
		float: left!important;
	}
	.tabs.horisontal dd:first-child, .filter li:first-child {
		border-top: none;
	}
	.description .title {
		margin-left: 0;
	}
	.instagram-widget .widget-inner {
		margin-left: -2%;
	}
    #flickr {
        text-align: center;
    }
    .instagram-widget a {
        width: auto;
        margin-left: 1%;
        display: inline-block;
        float: none;
    }

	.hover-bg {
		margin-bottom: 10px;
	}
	
	#sub-footer .row .six {
		width: 100% !important;
		text-align:center;
	}
	#sub-footer .copyr {margin-top: -25px;}
	.footer-menu {
		float: none;
	}
	#commentform input {
		width: 100%;
		margin-right: 0;
	}
	
	.row #portfolio-page .four,
	.row #portfolio-page .three {
		width: 50% !important;
		float: left;
	}
	.row #portfolio-page .one-photo .four {
		margin-top: 20px;
		width: 100% !important;
		float: none;
	}
	.project-info {
		margin-top: 20px;
	}
    .entry-thumb img {
        min-width: 100%;
    }

    .small-news .entry-thumb img {
        min-width: 100%;
    }
    .small-news .entry-summary {
        margin-left: 0;
    }
    #flickr {
        margin-left: 0;
    }
    .instagram-widget a {
        margin-bottom: 5px;
    }
    .four.columns .tabs-widget .entry-thumb {
        display: inline-block;
    }

    .crum_galleries_widget ul {
        padding: 0 10px 0 0;
    }
    .crum_galleries_widget li.four.columns {
        width: 32.3%!important;
        float: left;
        position: relative;
        margin-left: 1%;
        padding: 0;
    }
    #sub-footer .row .six {
        width: 100% !important;
        text-align:center;
    }
    .footer-menu {
        float: none;
    }
    .commentform-inner input {
        width: 100%;
        margin-right: 0;
    }

    .row #portfolio-page .four,
    .row #portfolio-page .three {
        width: 50% !important;
        float: left;
    }
    .row #portfolio-page .one-photo .four {
        margin-top: 20px;
        width: 100% !important;
        float: none;
    }
    .project-info {
        margin-top: 20px;
    }
    .blog-section #left-sidebar.three,
    .blog-section #main-content.six,
    .blog-section,
    .type-product .images,
    .type-product .summary,
    .blog-section.sidebar-both,
    .blog-section.sidebar-right2,
    .blog-section.sidebar-both2,
    .blog-section.sidebar-both2 #main-content,
    .blog-section.sidebar-both2 #left-sidebar,
    .blog-section.sidebar-left2,
    .sidebar-both #left-sidebar.three,
    .sidebar-both #right-sidebar.three,
    .sidebar-both #main-content.six,
    .sidebar-right2 #left-sidebar.three,
    .sidebar-right2 #main-content.six,
    .sidebar-left2 #main-content.six,
    .sidebar-left2 #right-sidebar.three,
    .sidebar-left #main-content.nine,
    .sidebar-left #left-sidebar.three,
    .sidebar-left #right-sidebar,
    .three, .row .three {
        width: 100%;
        /*float: none;*/
    }

    .onsale {
        width: 60px;
        height: 60px;
        padding: 20px 5px;
    }
    .backtotop {
    	bottom: 0px;
    }

    .underline.short {margin: 5px auto;}
    #home-product h5 {font-size: 16px;}
    .ca-container {
    	height: 530px;
    	margin-top: 5px;
    }
    .ca-item {
    	width: 100%;
    }
    .ca-item h2 {
    	font-size: 20px;
    	margin-bottom: 5px;
    }
    .ca-item-main span.sub-subtitle p {
    	font-size: 14px;
    }
    .ca-icon {
    	height: 250px;
    	margin: 0px;
    }
    .ca-icon img {height: 240px; width: auto;}
    .ca-nav span {left:32%;}
    .ca-nav span.ca-nav-next {right: 32%;}
    .ca-nav span {
    	top: 450px;
    }
    .ca-item-main {
    	top: 0px;
    	padding: 0px;
    }
    #home-product {
    	margin: 0px;
    }
    #house {
    	background: url(https://indonesiaraya.id/wp-content/themes/indonesiaraya/assets/images/house-of-melanox.png)no-repeat center top;
    	padding: 20px;
    	height: auto;
    	
    }
    #house h2 {
    	font-size: 25px;
    }
    #house h5.subtitle, #house ul li .house-content-list h3 {font-size: 12px;}
    .house-content-list h3 {
    	margin-top: 20px;
    }
    #house ul li .house-content-list h2 {
    	font-size: 14px!important;
    }
    #house ul li .house-content-list p{
    	display: none;
    }
    #house ul li {
    	background: rgba(221, 173, 53, 0.8);
    }

    .grid figure, .grid figure img {
    	height: auto!important;
    	min-height: 320px!important;
    	margin-top: 1px!important;
    }
    .home-news-content {height: auto!important;}
    .home-news-content h2 {
    	font-size: 22px;
    }
    .home-news-content p {font-size: 12px;}
    .home-news-content figcaption .button-hole-white-small {bottom: 10px;}
    .home-news-content .news-content-list-other {height: auto; padding: 20px;}


    /* Layla */
    figure.effect-layla figcaption {
		padding: 1.2em!important;
		background: rgba(0,0,0,0.2)!important;
	}
	figure.effect-layla figcaption::before {
		top: 20px!important;
		right: 10px!important;
		bottom: 20px!important;
		left: 10px!important;
	}

	figure.effect-layla figcaption::after {
		top: 10px!important;
		right: 20px!important;
		bottom: 10px!important;
		left: 20px!important;
	}


	/* -- */

	select.cabang {width: 95%;}
	#footer {padding: 20px; float: left;margin: 0 auto}
	#footer .gap {padding:10px;}
	#footer .footer-logo {margin: 0px}
	#footer h2{font-size: 26px;}
	.subscribe {
		margin-top: 0px; 
		margin-bottom: 10px;
		padding: 5px;
		height: 70px;
	}
	.footer-menu {margin-right: 0px!important; margin-top: 0px;}
	.footer-menu li {font-size: 10px;}
	#top-footer {
		background: linear-gradient(to bottom, rgba(25, 55, 184, 1), rgba(17, 46, 155, 1));
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	.mobile .feature-img{
		margin-top: 60px;
	}
	.mobile .feature-desc{
		top:35px;
	}
	.mobile .feature-desc h2 {
		font-size: 30px;
	}
	.mobile .feature-desc h3 span {
		font-size: 20px;
	}

	/* Product Archive */
	.left-content-archive {
		text-align: center;
	}
	.right-content-archive {
		padding: 20px;
		text-align: center;
	}
	.four-m,.row .four-m {
		width:33.33333%!important}
	.eight-m,.row .eight-m {
		width:66.66667%!important}
	.top-archive .button-hole-brown{
	    margin: 20px auto;
	}
	/* office to office */
	.campaign-entry h3 {
		font-size: 26px;
	}
	.campaign-daftar {
		padding: 0 10px;
	}
	.left-form, .right-form {
		padding: 0 10px;
	}

	/* free trial */
	#free-trial-top { 
		padding-top: 50px;}
	#free-trial-top .section-title h2 {
		font-size: 30px;
	}
	#free-trial-top .free-small-desc {
		padding: 0 20px;
		text-align: center;
	}
	#free-trial-top .button-hole-white {
		margin: 10px auto;
	}

	/* single product */
	.entry-content-area .contact-product-area {
		height: auto;
	}
	.entry-content-area .page-title h1 {
		font-size: 25px;
	}
	.entry-content-area .page-title h1.subtitle {
		font-size: 20px;
	}
	.entry-content-area .page-title h1.subtitle span.reg {
		font-size: 12px;
	}
	.entry-content-area .page-title h1.subtitle span.note {font-size: 17px}
	.entry-content-area .contact-product-area button, .entry-content-area .contact-product-area span a.dark-hole {
		margin: 5px auto;
	}
	.entry-content-area .entry-thumb-product img {
		height: 180px;
		margin-top: 20px;
	}
	.row-desc {
		width: 90%;
	}
	.under-slider {padding-top: 0px;}
	.home-produk {padding: 10px;}
	#content-section .highlight-product .jargon-area {
		margin-top: 20px;
		padding: 0px 10px;
	}
	#content-section h2.jargon {
		font-size: 24px;
		text-align: center;
		margin-bottom: 10px;
		line-height: 30px;
		padding-top: 0px;
	}
	#content-section h2.jargon span{font-weight: 900;}
	#content-section .highlight-product {
		margin-top: 10px;
	}
	#content-section h2.section-title {
		padding: 0 10px;
		margin-top: 20px;
		font-size: 22px;
	}
	.section-title-bar {
    	background: linear-gradient(to bottom, #F6F9FF, #E4EBF6);
    	height: 35px;
    	padding: 8px;
    	border-top:1px solid #CED9EB;
    	border-bottom:1px solid #CED9EB; 
    }
    .section-title-bar h2.section-title {
		padding: 0px!important;
		margin-top: 0px!important;
		font-size: 18px!important;
		text-align: left!important;
		color: #0b31b7;
	}
    .section-title h2 {
    	font-size: 22px;
    	margin-bottom: 5px;
    }
	.product-img {
		margin-top: 10px;
	}
	.product-img img{
		height: 200px;
		width: auto;
		margin: 0 auto;
		display: block;
	}
	.mobile-link {
		margin:30px auto;
		display: block;
		text-align: center;
	}
	.news {margin-top: 0px;}
	.left-news {height: auto;}

	.post-2 {
		float: left;
		height: auto;
	    padding: 10px 0;
	    background: linear-gradient(to bottom, #fafbfd, #e8f1f9);
	}
	
	.post-2-thumbnail {
	    float: left;
	    margin-right: 10px;
	    margin-left: 10px;
	}
	.post-2-thumbnail img {
	    width: 75px;
	    height: 75px;
	    margin-left: 0px;
	}
	.post-2-content {overflow: hidden; padding-right: 10px;}
	.post-2-content p{font-size: 12px}
	.post-2 h2 {
	    color: #1637b0;
	    font-family: Helvetica;
	    font-size: 14px;
	    font-weight: bold;
	    border-bottom: 1px solid #1637b0;
	}
	.right-news {height: 120px;}
	.post-3 {
	    height: 120px;
	    background: linear-gradient(to bottom, #fafbfd, #e8f1f9);
	}
	.post-3-thumbnail {
	    float: left;
	    margin-right: 10px;
	    margin-left: 10px;
	}
	.post-3-thumbnail img {
	    width: 75px;
	    height: 75px;
	    margin-top: 10px;
	}
	.post-3-content {
	    overflow: hidden;
	    float: left;
	    padding: 10px 0 5px 0;
	    width: 50%;
	}
	.post-3-content p{
	    margin-top: 5px;
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 1.2;
	}
	.post-3 h2 {
	    color: #1637b0;
	    font-family: Helvetica;
	    font-size: 12px;
	    font-weight: bold;
	    border-bottom: 1px solid #1637b0;
	}
	.post-3-link {
	    float: left;
	    overflow: hidden;
	    padding: 0px;
	}
	.post-3-link a img {
		display: none;
	    width: auto;
	    height: 15px;
	    margin: 50px 0 0 20px;
	}
	.post-3-link a span{
		font-size: 10px;
		margin-top: 30px
	}

	figure.effect-layla h2 {
		padding-top: 20px!important;
		font-size: 22px!important;
	}
	figure.effect-layla figcaption p{
		font-size: 14px!important;
	}

	.top-entry-content {
		padding-top: 80px;
	}
	.konten-produk {
		padding: 0 10px;
	}
	.berita-lain {padding-right: 10px;}
	#app-icon {
		display: none;
	}
	a.fix-right {
		margin-top: 20px;
    	right: 20px;
	}

}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#app-icon {
		display: none;
	}
}