/* Responsive CSS Styles Table of Contents */
@media only screen and (min-width: 1170px) and (max-width: 1366px){
	
	.djc_category_info:before {display: none;}

.tp-button.big {	
	font-size:19px;
}
	
#slide_text_1-1 {
	font-size: 28px !important;
	line-height: 1.2em !important;

}
	
#slide_text_1-2 {
	font-size: 28px !important;
	line-height: 1.2em !important;
	padding-top: 0px !important;

}

	#slide_button_2 {
	font-size: unset;
}

	.jevfiltermodule{
    padding: 60px 0px 0px 95px;
    display: inline-block;
    
}
	
.page_titleEventHDI {
    margin-bottom: 0px;
    height: 440px;
	margin-top: 0px;
}

.page_titleTrainingDasar {
    margin-bottom: 0px;
    height: 440px;
	margin-top: 0px;
}
.page_titleRewards {
    margin-bottom: 0px;
    height: 440px;
	margin-top: 0px;
}
.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 300px;
}
	.page_titleFilosofiANSA {
    position: relative;
    float: left;
    width: 100%;
	background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 300px;
}
	.page_titleTentangLebah {
    position: relative;
    float: left;
    width: 100%;
	background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 300px;
}
  
  
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
	.tp-button.big {
	font-size:19px !important;
}
	
.yamm .nav{
	width: 960px !important;
}
	.jevfiltermodule{
    padding: 60px 0px 0px 20px;
    display: inline-block;
    
}
	.page_titleEventHDI {
    margin-bottom: 0px;
    height: 340px;
	margin-top: 0px;
}
.page_titleTrainingDasar {
    margin-bottom: 0px;
    height: 340px;
	margin-top: 0px;
}
	.page_titleRewards {
    margin-bottom: 0px;
    height: 340px;
	margin-top: 0px;
}
	
	.page_titleTentangLebah {
    position: relative;
    float: left;
    width: 100%;
	background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 200px;
}
	.page_titleFilosofiANSA {
    position: relative;
    float: left;
    width: 100%;
	background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 200px;
}
	.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 200px;
}
		
	.animation_container {display: none !important;}
.container {
	width: 1000px;
	margin: auto;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}

.features_sec3 .box .right {
	width: 73%;
	margin-left: 7%;
}

.parallax_section1 h2 {
	width: 61%;
}
.parallax_section1 p {
	width: 61%;
}

.features_sec6 .rbox {
	width: 50%;
	padding: 75px 55px 0px 55px;
}

.features_sec8 .left {
	padding-top: 0px;
}
.features_sec8 .left h1 {
	font-size: 30px;
	margin-bottom: 10px;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec14 img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 170px;
}
.newsletter_two .input_submit {
	padding: 16px 14px 15px 14px;
}
.features_sec33 .center img {
	width: 100%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1 .hovcont {
	padding: 10px 25px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 25px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 14px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont,
.features_sec39 .box3 .hovcont {
	padding: 8px 14px;
}
.features_sec39 .box2 .hovcont h3,
.features_sec39 .box3 .hovcont h3 {
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 23px;
}
.features_sec39 .box2 .hovcont h5,
.features_sec39 .box3 .hovcont h5 {
	font-size: 12px;
	line-height: 14px;
}

.parallax_section6 .box {
	margin-left: 2%;
}


.features_sec45 .box {
	margin-left: 22%;
}

.clogo_small li h6 {
	margin-top: 12px;
}

.features_sec64 .flips1_front img {
	height: auto;
}

.blog_postcontent .video_frame iframe {
	height: 325px;
}



/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 380px;
	padding: 30px 35px 40px 35px;
	margin-right: 50px;
	margin-top: -410px;
}
.slidercform2 strong {
	font-size: 22px;
}
.slidercform2 strong em {
	font-size: 13px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 100%;
}

.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}

.headerport .boxsize1 img{
	height: 250px;
}
.headerport .boxsize2 img{
	height: 125px;
}
.headerport .boxsize3 img{
	height: 125px;
}
.headerport .boxsize4 img{
	height: 375px;
}

.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}

.headerport .boxsize1 h3 {
  font-size: 18px;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
}
.headerport .boxsize4 h3 {
  font-size: 18px;
}

.stheader3 {
	height: 625px;
}
.textyslider {
	margin-bottom: 50px;
}
.textyslider p {
	width: 80%;
}

}


@media only screen and (min-width: 768px) and (max-width: 999px){
  
  .item-page{
    margin-top:120px !important;
  }
	
	.blog_postcontent img {
    width: 100%;
	height: auto;
}
	
	.mstslider {
	
		padding-top: 100px;
}
.blog_post h3 a {
   font-size: 15px;
}
.blog_post a.date {
   font-size: 12px;
}
	.tp-button.big {
	font-size:16px !important;
}
	
		.page_titleAlamatDepo {
   	height: 20px;
	
}
	.page_titleAlamatCenter {
   	height: 20px;
}
	.page_titleHdiin5 {
   	height: 20px;
	
}
	.jevfiltermodule{
    padding: 30px 0px 0px 20px;
    display: inline-block;
    
}
	#djcatalog {
    padding-top: 97px;
}
	.page_titleEventHDI {
    margin-bottom: 0px;
    height: 270px;
	margin-top: 0px;
}
.page_titleTrainingDasar {
    margin-bottom: 0px;
    height: 270px;
	margin-top: 0px;
}
.page_titleRewards {
    margin-bottom: 0px;
    height: 270px;
	margin-top: 0px;
}
	.page_titleTentangLebah {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat bottom;
    margin-bottom: 30px;
    height: 160px;
	margin-top: 0px;
	background-size: 100%;
}
	.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat bottom;
    margin-bottom: 30px;
    height: 160px;
	margin-top: 0px;
	background-size: 100%;
}
	div.faq_category {
		font-size: 24px;
}
	/* ------------------ TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/
.page_titleFilosofiANSA {
 position: relative;
    float: left;
    width: 100%;
	background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    height: 160px;
	margin-top: 0px;
	background-size: 100%;
}
/* ------------------ END TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/	
/* ------------------ Responsive CSS TITLE HDI --------------------------*/

.page_titleFaqs {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 100px 0px 40px 0px;
    background: url(../images/img-pagetitle/seputar-tanya-jawab-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100% auto;
}
	.page_titleFaqs .title h1 {
	font-size: 21px;
    padding: 0 25px;
}
	.page_titleContact1 {
    padding: 200px 0px 40px 0px;
}
	.page_title6 {
    padding: 100px 0px 100px 0px;
}
	
	.page_title .title h1 {
    font-size: 42px;
	
}
	.page_title5 .title h1 {
    font-size: 21px;
	padding: 0 25px;
}
	.page_title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 100px 0px 40px 0px;
    background: url(../images/img-pagetitle/hight-desert-indonesia.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100% auto;
	margin-bottom: 30px;
}
	.page_title5 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 100px 0px 40px 0px;
    background: url(../images/img-pagetitle/high-desert-selamat-datang.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100% auto;
}
	.page_delivery {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 100px 0px 40px 0px;
    background: url(../images/img-pagetitle/high-desert-delivery.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100% auto;
}
	.page_smshd {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 280px 0px 60px 0px;
	background: #fff url(../images/img-pagetitle/high-desert-smshd.jpg) no-repeat;
	margin-bottom: 30px;
	background-size: 100% auto;
}
	.page_title3 .title h1 {
    font-size: 42px;
}
/* ------------------ END CSSS Responsive CSS TITLE HDI -------------------*/	
	
	
.myIframe { margin-top: 20px;
}
#logo{
	min-height: 50px !important;
	margin-top: 12px
}
	.header.innerpages{height: 100px !important;}
	.logo{margin-top: 0px !important;}
.container {
	width: 747px;
	margin: auto;
}
.compact .header {
		height: 85px !important;
		
	
}
.menu_main {
	width: 100%;
	margin-top: 5px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 47%;
	margin-left: 26.5%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 43%;
	margin-left: 28%;
}

.features_sec3 .box .right {
	width: 65%;
	margin-left: 9%;
}

.parallax_section1 h2 {
	width: 70%;
}
.parallax_section1 p {
	width: 70%;
}
.page_title2 {
    padding: 20px;
	margin-top: 0px;
}
.page_title2 .pagenation {
       margin: 0px;
}
.features_sec6 .fimg {
	width: 35%;
}
.features_sec6 .rbox {
	width: 65%;
	padding: 55px 30px 0px 30px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec14 img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 45%;
}
.footer .top_footer .colcenter {
	width: 10%;
}
.newsletter_two input.enter_email_input {
	width: 125px;
}
.newsletter_two .input_submit {
	padding: 16px 10px 15px 10px;
}

.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}

.features_sec33 .center img {
	width: 100%;
}

.features_sec38 p {
	width: 85%;
}

.features_sec39 .box1 .hovcont {
	padding: 10px 20px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 23px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 13px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont,
.features_sec39 .box3 .hovcont {
	padding: 8px 10px;
}
.features_sec39 .box2 .hovcont h3,
.features_sec39 .box3 .hovcont h3 {
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 21px;
}
.features_sec39 .box2 .hovcont h5,
.features_sec39 .box3 .hovcont h5 {
	font-size: 10px;
	line-height: 14px;
}

.features_sec40 .rimg {
	width: 100%;
}

.parallax_section6 .box {
	margin-top: 75px;
	margin-left: 2%;
}
.hexagon {
	width: 130px;
	height: 85px;
	margin-right: 16px;
}
.hexagon.two {
	margin-left: 73px;
}
.hexagon.three,
.hexagon.four,
.hexagon.five {
	margin-left: 16px;
}
.hexagon:before {
	top: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-bottom: 35px solid rgba(255, 255, 255, 0.9);
}
.hexagon:after {
	bottom: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-top: 35px solid rgba(255, 255, 255, 0.9);
}
.haxmargin {
	margin-top: 50px;
}
.hexagon:hover:before {
	border-bottom: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon:hover:after {
	border-top: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon i {
	font-size: 20px;
	margin-bottom: 5px;
}
.hexagon h6 {
	font-size: 14px;
	margin-bottom: 4px;
}
.hexagon p {
	font-size: 12px;
	line-height: 14px;
}

.features_sec45 .box {
	margin-left: 13.5%;
}
.page_title {padding: 100px 0px 100px 0px;
}
.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 16px;
	line-height: 27px;
}

.clogo_small li h6 {
	font-size: 12px;
	margin-top: 5px;
}

.features_sec64 .flips1_front img {
	height: auto;
}

.blog_postcontent .video_frame iframe {
	height: 280px;
}


/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 340px;
	padding: 20px 25px 30px 25px;
	margin-right: 59px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 22px;
}
	.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 100%;
	padding: 5px 8px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 5px 8px;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .boxsize1 {
	height: 200px;
}
.headerport .boxsize2 {
	height: 100px;
}
.headerport .boxsize3 {
	height: 100px;
}
.headerport .boxsize4 {
	height: 300px;
}

.headerport .boxsize1 img{
	height: 200px;
}
.headerport .boxsize2 img{
	height: 100px;
}
.headerport .boxsize3 img{
	height: 100px;
}
.headerport .boxsize4 img{
	height: 300px;
}

.headerport .boxsize2 .onlycolor {
	height: 100px;
}
.headerport .boxsize3 .onlycolor {
	height: 100px;
}

.headerport .boxsize1 h3 {
  font-size: 16px;
  font-weight: 500;
}
.headerport .boxsize2 h3 {
  font-size: 12px;
  font-weight: 500;
}
.headerport .boxsize3 h3 {
  font-size: 12px;
  font-weight: 500;
}
.headerport .boxsize4 h3 {
  font-size: 16px;
  font-weight: 500;
}

.stheader3 {
	height: 500px;
}
.textyslider {
	padding-top: 59px;
	margin-bottom: 45px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 14px;
	line-height: 25px;
	width: 90%;
}

.span6{
  	display:block;
    width:100%;
    padding:10px;
    margin-bottom:20px;
  vertical-align:top;
}
  
}



@media only screen and (min-width: 640px) and (max-width: 767px){
  
  .item-page{
    margin-top:90px !important;
  }
  
  
	.blog_postcontent img {
    width: 100%;
	height: auto;
}

    .paketBanner {

    width: 100%;
    height: auto;

}
	a.k2ReadMore {
    margin-top: -150px !important;
}
	.tp-button.big {
	font-size:16px !important;
}
	
	.page_delivery .title h1 {
    font-size: 21px;
    padding: 0 25px;
}
		.page_smshd .title h1 {
    font-size: 21px;
    padding: 0 25px;
}
		.page_titleAlamatDepo {
   	height: 20px;
	
}
	.page_titleAlamatCenter {
   	height: 20px;
	
}
	.page_titleHdiin5 {
   	height: 20px;
	
}
.jevfiltermodule{
    padding: 40px 0px 0px 20px;
    display: inline-block;
    
}
	#djcatalog {
    padding-top: 70px;
}
	h3 {
	font-size: 21px;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: normal;
	text-align: left;
}
	.page_titleEventHDI {
    margin-bottom: 0px;
    height: 240px;
	margin-top: 0px;
}
.page_titleTrainingDasar {
    margin-bottom: 0px;
    height: 240px;
	margin-top: 0px;
}
.page_titleRewards {
    margin-bottom: 0px;
    height: 240px;
	margin-top: 0px;
}
	.page_titleTentangLebah {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 150px;
	margin-top: 0;
}
	.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 150px;
	margin-top: 0;
}
	/* ------------------ TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/
.page_titleFilosofiANSA {
 position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 150px;
	margin-top: 0px;
}
/* ------------------ END TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/	
		
.uk-tab {
    border-bottom: 0px solid #b5a083;
    cursor: pointer;
}
.uk-tab-left {
    border-right: 0px solid #b5a083;
    position: relative;
}
.page_titleFaqs .title h1 {
    font-size: 24px;
}
	div.faq_category {
    font-size: 24px;
    line-height: normal;
    color: #ED1942;
}
	div.faq_category_desc {
    font-size: 16px;
    line-height: normal;
    color: #333;
}
/* ------------------ Responsive CSS TITLE HDI --------------------------*/
		.page_titleFaqs .title h1 {
    font-size: 21px;
    padding: 0 25px;
}
	.page_titleFaqs {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 0px 0px;
    background: url(../images/img-pagetitle/seputar-tanya-jawab-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	
	.page_titleContact1 .title h1 {
    font-size: 21px;
    padding: 0 25px;
}
	.page_titleContact1 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 0px 0px;
    background: url(../images/img-pagetitle/alamat_HDI_indonesia_pages.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_title6 {
    padding: 100px 0px 100px 0px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 50px 0px;
    background: #ED1942 url(../images/img-pagetitle/hight-desert-produk-berkualitas.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_title6 .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 30px;
    font-size: 42px;
}
	.page_titleDaftarHarga {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 0px 0px;
    background: url(../images/img-pagetitle/daftar-harga-produk-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_title h5 {
    font-size: 14px;
    line-height: 23px;
}
	.page_title .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 0px;
    font-size: 42px;
}
	.page_title3 .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 30px;
    font-size: 42px;
}
	.page_title5 .title h1 {
    font-size: 21px;
	padding: 0 25px;
}
	.page_title {
    padding: 100px 0px 100px 0px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 50px 0px;
    background: #ED1942 url(../images/img-pagetitle/hight-desert-indonesia.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_title5 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-selamat-datang.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_delivery {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-delivery.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_smshd {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px 60px 0px;
	background: #fff url(../images/img-pagetitle/high-desert-smshd.jpg) no-repeat;
	margin-bottom: 30px;
	background-size: 100%;
}	

	
/* ------------------ END CSS Responsive CSS TITLE HDI --------------------------*/	
.myIframe { margin-top: 0px;
}
	.blog_post h3 a {
	font-size: 16px;
    line-height: 21px;

}
	.blog_post {padding-top: 10px !important;}
	.footer {
   
    background: #323234 url(../images/svg/footer-visual-graph_hdindonesia_phone.svg) no-repeat right bottom;}
.container {
	width: 590px;
	margin: auto;
}
.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_thirdhdi, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_thirdhdi {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
	top: 0px;
	min-height: 40px !important;


}

/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2{
	background-position: center top;
}

/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 5px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider , .rev_slider_wrapper {
	padding-top: 65px;
	background: #fff;
}
.mstslider.two , .rev_slider_wrapper.two{
	padding-top: 0px;
}


.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}

.top_nav.two {
	height: 100px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 5px;
}

.top_nav.three {
	height: 100px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 5px;
}

.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 5px;
}


.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 57%;
	margin-left: 21%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 53%;
	margin-left: 23%;
}

.features_sec1 {
	padding-bottom: 300px;
}

.features_sec2 .box {
	margin-left: 20px;
}

.features_sec3 .box .right {
	width: 85%;
	margin-left: 4%;
}

.parallax_section1 h2 {
	width: 70%;
}
.parallax_section1 p {
	width: 70%;
}

.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 50px 110px 50px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 5px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec30 .left {
	width: 10%;
}
.features_sec30 .right {
	width: 90%;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 45%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1,
.features_sec39 .box2,
.features_sec39 .box2.img2,
.features_sec39 .box3 {
	width: 100%;
	background-size: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 4%;
}

.page_title3 {
	padding: 100px 0px 100px 0px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 50px 0px;
    background: #ED1942 url(../images/img-pagetitle/hight-desert-international.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_title3 h5 {
	width: 100%;
	line-height: 23px;
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 20px;
	text-align: center;
}
.clogo_small li {
	width: 25%;
}

.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 30%;
	padding-left: 0px;
}
.post_meta_links li.post_categoty {
	width: 60%;
    padding-left: 5px;

}
.post_meta_links li.post_comments {
	width: 33.3%;
}

.blog_postcontent .video_frame iframe {
	height: 250px;
}


/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 400px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 84.7%;
}

.slidercform2 {
	width: 270px;
	padding: 20px 25px 30px 25px;
	margin-right: 45px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 9px;
	margin-top: 0px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 96.5%;
	padding: 3px 5px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 3px 5px;
}
.slidercform2 span {
	margin-top: 5px;
}


.headerport .left {
	width: 50%;
}
.headerport .center {
	width: 50%;
}
.headerport .right {
	width: 100%;
}

.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}

.headerport .boxsize1 img{
	height: 250px;
}
.headerport .boxsize2 img{
	height: 125px;
}
.headerport .boxsize3 img{
	height: 125px;
}
.headerport .boxsize4 img{
	height: 375px;
}

.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}

.headerport .boxsize1 h3 {
  font-size: 18px;
  margin-top: 37%;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
  margin-top: 32.5%;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
  margin-top: 16%;
}
.headerport .boxsize4 h3 {
  font-size: 18px;
  margin-top: 30%;
}

.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}
  
  .span6{
  	display:block;
    width:100%;
    padding:10px;
    margin-bottom:20px;
  vertical-align:top;
}



}




@media only screen and (min-width: 480px) and (max-width: 639px){
  
  .item-page{
    margin-top:90px !important;
  }
	
	.blog_postcontent img {
    width: 100%;
	height: auto;
}

.paketBanner {

    width: 100%;
    height: auto;

}    
	
.djc_title h3 {
	font-size: 16px;
}
	
#cid, #pid.inputbox.input {
	
	background: #fff;
    border: 1px solid #c2c2c2;
    height: 29px;
    min-width: 100px;
    vertical-align: middle;
    padding: 0px;
    display: inline-block;
    width: 42.5%;
    margin-bottom: 0px;
}	
	
#djcatalogForm .col-md-5, #djcatalogForm .col-md-6 {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
	
.content_halfsite {
    float: left;
    width: 100%;
    margin-right: 5%;
    padding: 0px 0px 0px 0px;
}

	
	.tp-button.big {
	font-size:16px !important;
}
	
.tp-button.big {
	font-size:14px !important;
}
	
.page_delivery .title h1 {
    font-size: 21px;
    
}
	.page_smshd .title h1 {
    font-size: 21px;
    
}
		.page_titleAlamatDepo {
   	height: 20px;
	
}
	.page_titleAlamatCenter {
   	height: 20px;
	
}
	.page_titleHdiin5 {
   	height: 20px;
	
}
.jevfiltermodule{
    padding: 40px 0px 0px 20px;
    display: inline-block;
    
}
#djcatalog {
       padding-top: 80px;
}
h3 {
	font-size: 18px;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: normal;
	text-align: left;
}
	
.uk-tab {
    border-bottom: 0px solid #b5a083;
    cursor: pointer;
}
.uk-tab-left {
    border-right: 0px solid #b5a083;
    position: relative;
}
	.page_titleFaqs .title h1 {
    font-size: 24px;
}
	
	div.faq_category {
    border-top: 0px solid #e0e0e0;
    font-size: 18px;
}
	div.faq_category_desc {
    font-size: 14px;
    line-height: normal;
    color: #333;
}
/* ------------------ TITLEPAGES CSS HDI PAGES Produk Perlebahan --------------------------*/
	.page_titleEventHDI {
    margin-bottom: 20px;
    height: 160px;
	margin-top: 0px;
}
.page_titleTrainingDasar {
    margin-bottom: 20px;
    height: 160px;
	margin-top: 0px;
}	
.page_titleRewards {
    margin-bottom: 20px;
    height: 160px;
	margin-top: 0px;
}
.page_titleTentangLebah {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 100px;
	margin-top: 0;
}
.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 100px;
	margin-top: 0;
}
/* ------------------ TITLEPAGES CSS HDI PAGES Produk Perlebahan --------------------------*/
/* ------------------ TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/
.page_titleFilosofiANSA {
 position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 30px;
    background-size: 100%;
	height: 100px;
	margin-top: 0px;
}
/* ------------------ END TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/	
	/* ------------------ Responsive CSS TITLE HDI  --------------------------*/
		.page_titleFaqs {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/seputar-tanya-jawab-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_titleFaqs .title h1 {
    font-size: 21px;
}
	
	.page_titleFaqs {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/seputar-tanya-jawab-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_titleFaqs .title h1 {
    font-size: 21px;
}
	
.page_titleContact1 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_titleContact1 .title h1 {
    font-size: 21px;
}
	.page_title6 h5 {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 20px;
}
	.page_title6 .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 0px;
    font-size: 28px;
}
	.page_title6 {
    padding: 28px 0px 0px 0px;
}
	/* ------------------ END Responsive CSS TITLE HDI  --------------------------*/
	/* ------------------ Responsive CSS TITLE HDI --------------------------*/
	.page_titleDaftarHarga .title h1 {
    font-size: 21px;
}
	.page_titleDaftarHarga {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/daftar-harga-produk-high-desert.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
	.page_title .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 0px;
    font-size: 28px;
}
	.page_title3 .title h1 {
    margin: 0px 0px 10px 0px;
    padding-bottom: 0px;
    font-size: 28px;
}
	.page_title5 .title h1 {
    font-size: 21px;
	
}
	.page_title {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/hight-desert-indonesia.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_title5 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-selamat-datang.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_delivery {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-delivery.jpg) no-repeat;
    margin-bottom: 30px;
    background-size: 100%;
}
.page_smshd {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0px 0px 0px;
	background: #fff url(../images/img-pagetitle/high-desert-smshd.jpg) no-repeat;
	margin-bottom: 30px;
	background-size: 100%;
}
/* ------------------ END CSS Responsive CSS TITLE HDI --------------------------*/	
	
	.myIframe { margin-top: 0px;
}
	.blog_post h3 a {
	font-size: 16px;
	line-height: normal;
	}
	.blog_post {padding-top: 10px !important;}
	.page_title2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    padding: 20px 0px 10px 0;
}
	.margin_top10 {
      margin-top: 70px;
	}
	.header.innerpages {
	height: 70px !important;
		
}
	.footer {
   
    background: #323234 url(../images/svg/footer-visual-graph_hdindonesia_phone.svg) no-repeat right bottom;}
.container {
	width: 440px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_thirdhdi, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_thirdhdi {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
	background-size: 22%;
}

/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2{
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 0px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider , .rev_slider_wrapper {
	padding-top: 60px;
	background: #fff;
}
.mstslider.two , .rev_slider_wrapper.two{
	padding-top: 0px;
}

.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 100px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}

.top_nav.three {
	height: 100px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}

.top_nav.four {
	height: 58px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 77%;
	margin-left: 11.2%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 70%;
	margin-left: 14.3%;
}


.features_sec1 {
	padding-bottom: 300px;
}

.features_sec2 .box {
	margin-left: 18px;
}

.features_sec3 .box .right {
	width: 80%;
	margin-left: 6%;
}

.parallax_section1 h2 {
	width: 90%;
}
.parallax_section1 p {
	width: 90%;
}

.features_sec4 .lblogs {
	width: 48%;
	margin-right: 4%;
}
.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 210px;
}
.newsletter_two .input_submit {
	padding: 16px 20px 15px 20px;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 5px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 44%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2,
.features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 30%;
}

.features_sec49 em {
	display: block;
	margin-top: 30px;
}


.page_title3 {
	padding: 28px 0px 0px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 23px;
	padding-bottom: 20px
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 18px;
	text-align: center;
}
.clogo_small li {
	width: 30%;
}

.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 25%;
	padding-left: 0;
}
.post_meta_links li.post_by {
	width: 30%;
	padding-left: 15px;


}
.post_meta_links li.post_categoty {
	width: 38%;
}
.post_meta_links li.post_comments {
	width: 33.3%;
}

.blog_postcontent .video_frame iframe {
	height: 250px;
}

/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 440px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}

.slidercform2 {
	width: 440px;
	padding: 40px 35px 50px 35px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 27px;
}
.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 98.8%;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}

.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider span.text {
	margin-bottom: 30px;
}
.textyslider em {
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.textyslider strong {
	font-size: 30px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}


  .span6{
  	display:block;
    width:100%;
    padding:10px;
    margin-bottom:20px;
  vertical-align:top;
}

}

@media only screen and (max-width: 479px){
  
  .item-page{
    margin-top:90px !important;
  }
	
	.col-sm-6.col-md-3.list-unstyled.two.cstom {
    padding-top: 0px;
}
	
.blog_postcontent img {
    width: 100%;
	height: auto;
}
	
 .paketBanner {

    width: 100%;
    height: auto;

}    
	
.pagination a.navlinks {
    font-size: 14px;
	padding: 7px 7px;
}

#djcatalog .djc_items .djc_item_in, #djcatalog .djc_related_items .djc_item_in {
    padding: 10px;
    font-size: 12px;
}

a.k2ReadMore {
    position: absolute;
    margin-top: -120px;
	display: none;
	}
.content_halfsite {
    float: left;
    width: 100%;
    margin-right: 5%;
    padding: 0px 0px 0px 0px;
}

.tp-button.big {
	font-size:14px !important;
}
	
#slide_text_1-1 {
	font-size: 16px !important;
	line-height: 1.2em !important;

}
	
#slide_text_1-2 {
	font-size: 16px !important;
	line-height: 1.2em !important;
	padding-top: 30px !important;

}
	
.page_delivery .title h1 {
    font-size: 16px;
    line-height: normal;
    padding: 5px 25px;
}
.page_smshd .title h1 {
    font-size: 16px;
    line-height: normal;
    padding: 5px 25px;
}
	#contactform label {
    
    width: 295px;
}
	.features_sec59{padding: 10px 0px 20px 0px;
	}
.features_sec4 .lblogs .lbimg img {margin-bottom: 10px; max-height: 160px;
}
h3.unline {margin-bottom: 5px;
}
	#djcatalog {
    position: relative;
    padding-top: 70px;
	}
.djc_title{display: none;
	}
h2.lessmb {
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 5px;
    border: 0;
}
h5.light2 {
    color: #000;
    font-weight: 400;
    line-height: normal;
    padding-left: 15px;
	font-size: 16px;
}
	.cal_div_daynames, .cal_div .cal_div_currentmonth, .cal_div .cal_div_month span, .cal_div .cal_div_currentmonth span{font-size: 10px;
}
	a.cal_daylink:link{
		font-size: 12px;
}
	.cal_div_weeklink a{display: none;
}
	.page_titleAlamatDepo {
   	height: 20px;
	
}
.page_titleAlamatCenter {
   	height: 20px;
	
}
.page_titleHdiin5 {
   	height: 20px;
	
}
	
.jevfiltermodule{
    padding: 20px 0px 0px 20px;
    display: inline-block;
    
}

.page_titleEventHDI {
    margin-bottom: 0px;
    height: 130px;
	margin-top: 0px;
}
.page_titleTrainingDasar {
    margin-bottom: 0px;
    height: 130px;
	margin-top: 0px;
}
.page_titleRewards {
    margin-bottom: 0px;
    height: 130px;
	margin-top: 0px;
}
	.page_titleTentangLebah {
 position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/tentang-lebah-pagetitle.jpg) no-repeat center top;
    margin-bottom: 0px;
    background-size: 100%;
	height: 100px;
	margin-top: 0px;
}
.page_titleFilosofiANSA {
 position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/filosofi_ansa_pagetitle.jpg) no-repeat center top;
    margin-bottom: 0px;
    background-size: 100%;
	height: 100px;
	margin-top: 0px;
}
.uk-tab {
    border-bottom: 0px solid #b5a083;
    cursor: pointer;
}
.uk-tab-left {
    border-right: 0px solid #b5a083;
    position: relative;
}

	/* ------------------ FAQS STYLE --------------------------*/
.fss_main div {
    margin: 0;
    position: relative;
}
div.faq_category {
    border-top: 0px solid #e0e0e0;
    font-size: 16px;
    line-height: normal;
    color: #ED1942;
}
div.faq_category_desc {
    font-size: 12px;
    line-height: normal;
    color: #333;
}
	/* ------------------ END FAQS STYLE --------------------------*/
	
	
	/* ------------------ WIDGETKIT --------------------------*/
.uk-tab-center .uk-tab > li {
    left: -50px;
}
	/* ------------------ TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/
.page_titleProdukPerlebahan {
    position: relative;
    float: left;
    width: 100%;
    background: #fff url(../images/img-pagetitle/high-desert-produk-perlebahan.jpg) no-repeat center top;
    margin-bottom: 0px;
    background-size: 100%;
	height: 100px;
	margin-top: 0;
}
.page_titleFilosofiANSA .title {
    padding-top: 9px;
}


.page_titleFilosofiANSA .title h1 {
    font-size: 16px; 
    line-height: normal;
	padding: 5px 25px;
}
	/* ------------------ TITLEPAGES CSS HDI PAGES Filosofi ANSA --------------------------*/
	
	
	/* ------------------ TITLEPAGES CSS HDI PAGES PRODUK BERKUALITAS--------------------------*/
.page_titleFaqs {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 67px 0px 0px 0px;
    background: url(../images/img-pagetitle/seputar-tanya-jawab-high-desert.jpg) no-repeat;
    margin-bottom: 20px;
    background-size: 100%;
}

.page_titleFaqs .title h1 {
    font-size: 16px;
    line-height: normal;
    padding: 5px 25px;
}
	
.page_titleContact1 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 67px 0px 0px 0px;
    background: url(../images/img-pagetitle/alamat_HDI_indonesia_pages.jpg) no-repeat;
    margin-bottom: 20px;
    background-size: 100%;
}

.page_titleContact1 .title h1 {
    font-size: 16px;
    line-height: normal;
    padding: 5px 25px;
}
.page_title6 h5 {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 10px;
}
	
.page_title6 .title h1 {
    font-size: 28px;
    line-height: normal;
    padding-left: 0px !important;
	padding-bottom: 0px;
}
.page_title6 {
    padding: 170px 0px 0px;
    background: #ED1942 url(../images/img-pagetitle/hight-desert-produk-berkualitas.jpg) no-repeat;
    background-size: 100%;
}
	/* ------------------ END CSS HDI PRODUK --------------------------*/
	
	/* ------------------ TITLEPAGES CSS HDI DAFTAR HARGA --------------------------*/
.page_titleDaftarHarga .title h1 {
    font-size: 16px;
    line-height: normal;
    padding: 5px 25px;
		
}
.page_titleDaftarHarga {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 67px 0px 0px 0px;
    background: url(../images/img-pagetitle/daftar-harga-produk-high-desert.jpg) no-repeat;
    margin-bottom: 20px;
    background-size: 100%;
}
	/* ------------------ END CSS HDI DAFTAR HARGA --------------------------*/
	
	/* ------------------ TABLE CSS HDI PRODUK --------------------------*/
.thead-tr-td-centerTitle {
    font-size: 14px;
		line-height: normal;
}
.thead-tr-td, .thead-tr-td-retailprice {
	font-size: 12px;
	line-height: normal;
}
.tbody-tr-tbodyleft, .tbody-tr-tbodyright {
    font-family: "Praxis LT";
    font-size: 11px;
	line-height: normal;
}
	/* ------------------ END TABLE CSS HDI PRODUK ----------------------*/
.page_title .title {
    padding-top: 9px;
}
.page_title5 .title {
    padding-top: 9px;
}
.page_title {
	padding: 165px 0px 0;
	background: #ED1942 url(../images/img-pagetitle/hight-desert-indonesia.jpg) no-repeat;
	background-size: 100%;
}
.page_title5 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 67px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-selamat-datang.jpg) no-repeat;
    margin-bottom: 20px;
    background-size: 100%;
}
.page_delivery {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 67px 0px 0px 0px;
    background: url(../images/img-pagetitle/high-desert-delivery.jpg) no-repeat;
    margin-bottom: 20px;
    background-size: 100%;
}
.page_smshd {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 67px 0px 0px 0px;
	background: #fff url(../images/img-pagetitle/high-desert-smshd.jpg) no-repeat;
	margin-bottom: 20px;
	background-size: 100%;
}
.page_title5 .title h1 {
    font-size: 16px; 
    line-height: normal;
	padding: 5px 25px;
}
/* ------------------ FONT RESPONSIVE ----------------------*/	
h2 { 
	font-size: 24px;
	padding-left: 15px;
}
h3 {
	font-size: 18px;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: normal;
	text-align: left;
}
		
/* ------------------ END FONT RESPONSIVE ----------------------*/
.myIframe { margin-top: 0px;
}
	.blog_post h3 a {font-size: 18px !important; font-size: 16px !important;
line-height: 16px;}
	
.blog_post {
		
	padding-top: 0px !important;
    border-bottom: 1px solid #efefef;
}

	.header.innerpages {
    display: block;
    height: 70px !important;
	}
	.page_title h1 {
    width: 100%;
    margin-top: 12px;
    font-size: 21px;
    line-height: normal;
    text-align: left;
	}
	.page_title2 h1 {
    width: 100%;
    margin-top: 12px;
    font-size: 21px;
    line-height: normal;
    text-align: left;
	}
	.page_title2{
		position: relative;
float: left;
width: 100%;
text-align: center;
padding: 5px;

margin-top: 10px;
font-size: 14px;

	}
	.blog_postcontent .image_frame {
    
    margin-bottom: 5px;
}
	.blog_post h3 a{
	font-size: 21px;
	}
	
	.margin_top7{
		margin-top: 30px;
	}
	.margin_top10 {
        margin-top: 70px;
	}
	.scrollup {
	bottom: 5px;
	position: fixed !important;
	}
	.copyright_info .one_half {
margin-bottom: 10px !important;

	}
	.footer {background: #323234 url(../images/svg/footer-visual-graph_hdindonesia_phone.svg) no-repeat top !important;}
.container > .navbar-collapse {
	margin-top: -10px !important;	
		
}
.navbar-collapse.pull-right {width: 100% !important;}
.header {
    border-top: solid 2px #ED1942 !important;
}
.navbar-toggle > button {
	right: 5px !important;
    top: -75px !important;
}
	.compact .header {
height: 65px !important;
padding-top: 10px !important;
	
	}
	
	.navbar-toggle > button {
	right: 5px !important;
	
	}
.container {
	width: 300px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 10px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 10px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_thirdhdi, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 20px;
}
.one_third {
	width: 100%;
	margin-bottom: 20px;
}
.one_thirdhdi {
	width: 100%;
	margin-bottom: 20px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 10px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 20px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
}

/* bigger logo? remove below comment */
.header #logo{
	background-size: 35.5%;
	

}

.header #logo2{
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 0px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider , .rev_slider_wrapper {
	padding-top: 65px;
	background: #fff;
}
.mstslider.two , .rev_slider_wrapper.two {
	padding-top: 0px;
}

.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 100px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}

.top_nav.three {
	height: 100px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}

.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}

.title1 h2{
    font-size: 25px;
	padding: 0px;
	margin: 0px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 99%;
	margin-left: 0%;
}

.title2 h2{
    font-size: 25px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 90%;
	margin-left: 5%;
}

.features_sec1 {
	padding-bottom: 300px;
}
.features_sec2{
	padding: 20px 0px 40px 0px;
		
	}
.features_sec2 .box {
	margin-left: 14px;
}

.features_sec3 .box .left {
	margin-left: 121px;
}

.features_sec3 .box .right {
	width: 100%;
	margin-left: 0%;
	text-align: center;
}

.parallax_section1 h2 {
	width: 100%;
    font-size: 21px;
    line-height: normal;
    padding: 25px;

}
.parallax_section1 p {
	width: 100%;
	font-size: 18px;
    line-height: 24px;
}


.features_sec4 .lblogs {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 20px;
}
.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}
.features_sec6 .ibox {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}
.features_sec6 .ibox.last {
	margin-bottom: 0px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 100px;
}
.newsletter_two .input_submit {
	padding: 16px 5px 15px 5px;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
	
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 41%;
}

.features_sec38 p {
	width: 95%;
}

.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2,
.features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 21%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two,
.hexagon.three,
.hexagon.four,
.hexagon.five {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 20%;
}

.features_sec49 strong {
	font-size: 27px;
	padding: 5px 12px;
}
.features_sec49 em {
	display: block;
	margin-top: 30px;
}

.page_title .title h1 {
	font-size: 28px;
    line-height: normal;

}
.page_title h3 {
	font-size: 18px;
	line-height: 21px;
}
.page_title h5 {
	font-size: 14px;
	line-height: 18px;
}

.page_title3 {
	padding: 170px 0px 0px;
background: #ED1942 url(../images/img-pagetitle/hight-desert-international.jpg) no-repeat;
background-size: 100%;
}
.page_title3 .title h1 {
	font-size: 28px;
    line-height: normal;
    padding-left: 0px !important;

}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 10px;
}
.page_title3 i {
	font-size: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 40px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 14px;
	text-align: center;
}
.clogo_small li {
	width: 33.3%;
}

.features_sec64 .flips1_front img {
	width: 100%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 100%;
    padding-left: 0px;

}
.post_meta_links li.post_by {
	width: 40%;
    padding-left: 0px;
}

.post_meta_links li.post_categoty {
	width: 60%;
	padding-left: 10px;
	text-align: right;
}
.post_meta_links li.post_comments {
	width: 50%;
}

.blog_postcontent .video_frame iframe {
	height: 180px;
}

/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 300px;
	padding: 37px 20px 40px 20px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}
.slidercform strong {
	font-size: 18px;
}
.slidercform strong em {
	font-size: 10px;
	font-weight: 400;
	margin-top: 3px;
}

.slidercform2 {
	width: 300px;
	padding: 40px 25px 50px 25px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 10px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 97.4%;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}

.headerport .boxsize1 h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 45%;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 35%;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20%;
}
.headerport .boxsize4 h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 67%;
}

.stheader3 {
	height: 400px;
}
.textyslider {
	padding-top: 40px;
	margin-bottom: 30px;
}
.textyslider span.text {
	margin-bottom: 25px;
}
.textyslider em {
	font-size: 25px;
	display: block;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.textyslider strong {
	font-size: 25px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}
  
  .span6{
  	display:block;
    width:100%;
    padding:10px;
    margin-bottom:20px;
  vertical-align:top;
}

}