/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */
	@media(min-width:980px) and (max-width: 1199px) {
	
#section-contact2 .col-md-4 img {
	max-width:300px;	
}

#section-contact2 .col-md-4 div  {
	display:none;
}

#section-contact2 .col-md-8   {
	width:100% !important;
}


input[type="search"] {

  width: 100px !important;
}

.sprocket-strips-s-item img,
.item-page img {
   max-width:100%;

}
.languageswitcher{

	display:none;
	} 
	
.cari {
    padding-top: 20px;
    text-align: center;
	padding-right: 50px;
	}
	
.sosmedmob {
	display: block;
}
	}
	
@media only screen
and (min-width : 1025px)
and (max-width : 1366px) {
/* STYLES GO HERE */

#section-contact2 .col-md-4 div  {
	font-size:14px;
	padding: 0;
}

#section-contact2 .col-md-4 img {
	max-width:250px;	
}

input[type="search"] {

  width: 100px !important;
}

h1#logo img{
		height: 120px;
	}

#mainmenu a {

    padding: 80px 15px 20px 15px;
	
}
.col-md-1 {
    width: 10% !important;
}

.col-md-10 {
    width: 80% !important;
}

.languageswitcher img {
	width:30px;
	
}

.sprocket-strips-s-item img,
.item-page img {
   max-width:100%;

}

}
	
	


	/* -------------------------------------------------- 
	design for 768px
	/* ================================================== */
	@media (min-width: 768px) and (max-width: 979px) {
	.slider_text {
	padding-top: 0px;
	}
	
	}
	
	
	@media only screen and (max-width: 992px) {
		
	.languageswitcher{
	position: absolute;
    top: -15px;
    left: 45%;
	display:none;
	} 
	
	h1#logo{
	margin-top:-15px;
	}
	
	h1#logo img{
		height: 100px;
	}
	
	
	.cari {
    padding-top: 20px;
    text-align: center;
	padding-right: 50px;
	}
	
	
	#logo, #logo .inner {
	 vertical-align:middle;
	 height:auto;
	}
	
	.menu-area{background: #fff;}

.sosmedmob {
	display: block;
}


input[type="search"] {

  width: 100px;
}



.moduletablewhatson h3 {
	margin-bottom: 0px !important;
	padding-bottom: 20px;
	
}

#section-portfolio {
    padding-top: 10px;
}

.sprocket-mosaic-g-content {

    margin-top: 0px !important;
}

.sprocket-mosaic-g-title {
	font-size:24px;
}

address {
    padding-left: 20px;
}

.atasimg {
    width: 170%;
    margin-left: -50%;
}

.atasimg2 {
    width: 100%;
}

p.intro {
font-size: 30px;
    text-align: left;
}

.inner-padding {
    padding: 20px 0 20px 0;
}

#fun-facts {
    background: url(../images/background/bg-3.jpg) top left no-repeat !important;
    background-size: cover !important;

}

body {
    overflow-x:hidden;
}


.gambar {
	width: 100%;
}

.containerblog {
	padding-left:0px !important;
	
}

.blog-list .date-box .day,  .blog-list2 .date-box .day {
    font-size: 18px;
    padding-top: 8px;
    width: 40px;
    height: 40px;
}

.blog-list .date-box .month,
.blog-list2 .date-box .month{
font-size: 14px;
background: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 0;
height: 30px;
border: 20px solid #089a8b;
border-top: 0 solid;
border-bottom: 10px solid rgba(0,0,0,0);
-o-text-overflow: clip;
text-overflow: clip;
padding-top: 8px;
}
.blog-list .date-box, .blog-list2 .date-box {
    width: 40px;
}

.post-content {
    padding-left: 50px;
}

.post-meta span {
    padding: 5px;
	font-size: 14px;
}

#itemListPrimary div{
	width:100% !important;
}


.blog-list2 li {
    margin-bottom: 0px;
    padding: 0;
border: none;
}

#sidebar {
    padding-left: 60px;
    padding-top: 10px;
}

#k2Container {
    padding: 70px 0 0 0;
}

.sprocket-strips-s-item img,
.item-page img {
   max-width:100%;

}

#section-blog {
	padding-top:30px;
	
}

.page-header h1 {
	display:none;
}

.page-header {
    margin: 40px 0 40px;
	border:none;

}

.item-page {
	padding-left: 10%;
}


.tulisanbesar {
    line-height: 1.5em;
  
}

.formrpm {
padding-left:5px;
}

.formrpm img{
	width:auto;
}







	/* -------------------------------------------------- 
	AKHIR CUSTOM
	/* ================================================== */
	
	header{
	display:none;
	}
	
	header.header-bg{
	background:rgba(0,0,0,1);
	}

	
	header,header.fixed {
	display:block;
	
	margin:0;
	padding:0;
	margin-top:0;
	height:auto;
	background:#000000;
	position: relative;
	}
	
	header.fixed {
	display:block;
	position:inherit;
	margin:0;
	padding:0;
	margin-top:0;
	height:auto;
	background:#000000; 
	}
	header.fixed h1#logo {
	height: 100%;
	line-height: 120px;
	float: left;
	}
	
	
	header.fixed h1#logo img{
	height:auto;
	}


	#subheader{
		padding:0;
		margin:0;
	}
	#subheader h1{
		margin:45px 0 45px 0;
	}
	#subheader span{
	display:none;
	}
	#subheader .crumb{
	display:none;
	}
	
	.slider_text h1 {
	font-size: 32px;
	}
	
	.slider_text .description {
	display: none;
	}
	
	
	#domain-check .text, #domain-check .button {
	width: 100%;
	}
	
	
	#testimonial-full blockquote {
	padding: 20px;
	}
	
	#revolution-slider{
	
	}
	
	#section-slider{
		
	}
	
	
	


	.container .col-md-3{ margin-bottom:30px; }
	.container .col-md-4{ margin-bottom:30px; }
	.container .col-md-5{ margin-bottom:30px; }
	.container .col-md-6{ margin-bottom:30px; }
	.container .col-md-7{ margin-bottom:30px; }
	.container .col-md-8{ margin-bottom:30px; }
	.container .col-md-9{ margin-bottom:30px; }
	.container .col-md-10{ margin-bottom:30px; }
	.container .col-md-11{ margin-bottom:30px; }
	.container .col-md-12{ margin-bottom:30px; }
	
	
	.bloglist{margin-bottom:60px !important;}
	}


	/* -------------------------------------------------- 
	custom for 320px & 480px 
	/* -------------------------------------------------- */
	@media only screen and (max-width: 767px) {
	.pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {
	width: 100%;
	}
	
	}
	
	
	/* -------------------------------------------------- 
	design for 480px
	/* -------------------------------------------------- */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	.feature-box-image,.pricing-box{margin-bottom:30px;}
	
	}
	
	
	/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	.feature-box-image,.pricing-box{margin-bottom:30px;}
	
	.de_tab .de_nav li {
	display: block;
	width: 100%;
	}
	
	.pf_full_width .item{
	float:left;
	width:49.9% !important;
	}

	.text-item{
	font-size:48px;
	line-height:48px;
	}
	
	.text-item i{
	font-size:36px;
	}
	
	}
	
	/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 480px) {
	.pf_full_width .item{
	float:left;
	width:100% !important;
	}
	
	.text-item{
	font-size:32px;
	line-height:32px;
	}
	
	.text-item i{
	font-size:24px;
	}
	
	/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
	@media (min-width: 300px) and (max-width: 979px) {
	
		section{ background-position:top !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:scroll;
	}
	.team img.team-pic{max-width:300px;}
	}