

/*_____ FOR Smartphone Landscape & Potrait _____*/
@media (max-width:767px){
    .wws-popup__open-btn > svg {
	    width:25px;
	    height:25px;
    }

    .wws-popup__open-btn span{
        font-size:20px;
    }
    
	.dt_item.float_right {
	    text-align: center;
	}

	.dt_item.float_left {
	    text-align: center;
	}

	.deret_tombol_tokped {
	    display: flex;
	    flex-direction: row;
	    text-align: center;
	    margin: 2px 0;
	}
	

	.deret_tombol_tokped .dt_item {
    	margin: 5px 0;
	}

	.deret_tombol_tokped .dt_item_tokped {
	    margin: 7px 0;
	    width: 49%;
	}
    
	/* styling text after price */
	
	.ctap img {
        width: 20px;
		position: relative;
		top: -2px;
    }
	
	.ctap p {
		line-height: 23px;
		margin: 0;
		padding: 0;
	}
	
	span.ctap_break {
        display: block;
    }
	
/*__ auto resize image on description __*/
	/*.product-container .tab-panels img {*/
	    /*width: 300px !important;*/
	    /*height: 300px!important;*/
	    /* text-align: center; */
	/*    margin: 0 auto;*/
	/*    display: block;*/
   
	/*}*/
	
/*__ disable auto resize image on product list on description__*/
	.products.row-small img {
		width: auto !important;
		height: auto!important;		
	}


	/* menghilangkan breadcumbs, sort by latest di mobile layout - category woocommerce*/
	.category-page-title .page-title-inner {
		display:none !important;
	}
	
/*__ mengatur posisi next prev slider baru nov 2019 __*/
	.page-id-16039 .box-text {
	    font-size: 75% !important;
	}

	ul.nav-sidebar li.menu-item {
	    font-size: 20px !important;
	}

	a.btn-home-green {
		display: block !important;
		margin: 0 auto !important;
	}

	.my-home-slider .slick-next {
	    right: 5px !important;
	}

	.my-home-slider .slick-prev {
	    left: 5px !important;
	}

	.my-home-slider .slick-prev,.my-home-slider .slick-next { 
	   z-index:999 !important;
	}

/*__ end mengatur posisi next prev slider baru nov 2019 __*/

	.p-lis-item.MyitemsContainer p {
 		margin-bottom: 0.3em !important;
	}

	.col.col-riz-home-slide {
    	padding-bottom: 0px !important;  
	}

	.p-title {
		height: 50px;
	}

	.off-canvas:not(.off-canvas-center) li.html {
		padding: 10px;
		padding-left: 20px;
	}

	.off-canvas .sidebar-menu {
		padding: 40px 0;
	}	
	.header-bottom {
		background-color: #eee !important;
	}

	.header-bottom {
		min-height: 20px !important;
		border-bottom: 1px solid #f1ebeb;
		padding-bottom: 4px;
	}
	.header-bg-color, .header-wrapper {
		background-color: #eee !important;
	}
	
	ul.nav.header-bottom-nav.nav-center.mobile-nav.nav-size-medium.nav-spacing-small.nav-uppercase {
		position: relative;
	}

	li.html.custom.html_nav_position_text_top {
		position: absolute;
		right: 0;
	}	
	
	.off-canvas .nav-vertical>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	span.tlp_mobile_nav_txt {
		font-size: 18px;
	}
	.back-to-top.left {
		background: #ef9a00 !important;
		color: #333 !important;		
	}
	
	.col-katalog-kanan .box-image img, .col-katalog-kiri .box-image img {
		max-width: 30%;
		width: 30%;
	}
	.col-katalog-kiri .box-image div {
		text-align: center;
	}

	#main-menu .nav-vertical li li {
	     font-size: 15px !important;
	     padding-left: 0px !important; 
	}

	#main-menu a, li.menu-item a {
	    color: #333;
	    font-weight: 600;
	}
	.nav-vertical li li.menu-item-has-children>a {
	    color: #333;
	    text-transform: capitalize;
	    font-size: 1em;	    
	}
	.nav .active>.children {
	    padding-left: 7px;
	}
	.my-slick-slider .slick-next {
	    right: -10px !important;
	}

	.my-slick-slider .slick-prev {
	    left: -10px !important;
	    z-index: 2;
	}

	.my-slick-slider .p-lis-item {
	    padding: 0px 3px;
	}

	.c-btn {
		margin: 5px;
	}

	span.pencarian_title {
	    display: block;
	    padding: 0 0 10px 0;
	}
	.col-pencarian-populer {
		padding-bottom: 10px !important;
	}

	.row-our-customer .flickity-page-dots {
		display: none !important;
	}
	span.top_button_contact {
		padding: 4px 21px;
	}

	.mfp-close {
		left: 222px !important;
		right:0;
	}

	.row-paket-mesin .col-pm1,
	.row-paket-mesin .col-pm2,
	.row-paket-mesin .col-pm3,
	.row-paket-mesin .col-pm4 {
	    max-width: 50%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 50%;
	}

	.row-paket-mesin h2 {
    	font-size: 1.2em !important;
	}

/*	.row-paket-mesin-banner {
   		 display: none;
	}*/
	.hide-grid-mobile {
		display: none;
	}

	/*div#tab-qty_pricing_tab iframe, div#tab-description iframe {*/
	/*    width: 100% !important;*/
	/*    height: 270px;*/
	/*}*/

	.woocommerce-tabs .nav-tabs+.tab-panels {
   	   padding: 0px !important;
	}

	.product-footer .container {
		padding-left:0 !important;
		padding-right:0 !important;
	}

	div#tab-description {
	    padding: 10px;
	}

/*	div#tab-attrib_desc_tab table {
    	padding: 10px 15px;
	}*/
	.related.related-products-wrapper.product-section {
	    padding: 0 15px !important;
	}

	.page-id-27201 .flickity-prev-next-button {
		display: block !important;
	}
	.page-id-27201 .flickity-prev-next-button svg, .flickity-prev-next-button .arrow {
		background: #333333f0 !important;
	}
	.page-id-27201 .flickity-prev-next-button svg {
		max-width: 90% !important;
		border-radius: 100% !important;
	}

	/*.product-small.box {*/
		/*min-height: 320px;*/
  /*  	height: 320px;*/
 /*       min-height:auto;*/
 /*       height: auto;*/
	/*}*/

	
	/*.product-category .box-badge .box-text {*/
	/*    height: 75px;*/
	/*    min-height: 75px;*/
	/*}*/

	.myvideo-header iframe {
	    height: 250px !important;	    
	}
	.myvideo-header {
		width:100% !important;
	}
	
	.custom_logo_afteer_price {
		display: block;
		margin:5px 0;
	}
	/*__ styling top menu icon home __*/
	.my-flex-row {
		display: flex;
		flex-direction: row;		
	}

	#logo {
    	width: 100% !important;
	}
	.medium-logo-center .logo {
		margin: 0 0 0 10px !important;
	}
	#logo img {
		margin-left: 10px !important;
		width: 262px !important;
	}
	.fr-item1 {width: 100%;}
	.fr-item2 {width: 20%;}

	/*_ styling deret tombol detil product_*/
	.deret_tombol .dt_item .button {
		font-size: 12px !important;
	    padding: 4px 0 !important;
	    width: 95% !important;
	}
	[data-readmore-toggle] {
	    font-weight: 600 !important;
	    width: 100% !important;
	    border: 1px solid #ccc;
	    text-align: center;
	    margin: 0 auto;
	}

	.product-main {
    	padding: 20px 0 0px;
	}

	.category-page-row .yith-wcbm-badge img, .page-id-27201 .yith-wcbm-badge img {
		max-width: 50px !important;
	}
	.product-template-default .yith-wcbm-badge img  {
	    max-width:60px !important;
	}
	.shop-container li {
		margin-left: 1em !important;
	}

	.nav-vertical>li>ul li a:hover, .nav-vertical>li>ul li a:active {
		background: #cccccc !important;
	}

	del span.amount {
		display: block;
	}

	/* styling page promo */

	/*.term-653 .category-page-row .product-small.box {*/
	    /*min-height: 240px;*/
	    /*height: 240px;*/
	/*    height:auto;*/
	/*    min-height:auto;*/
	/*}*/
	/*__ change button size on mobile device page garansi _*/

	.page-id-32414 img.mydownload_pdf_but {
	    width: 83% !important;
	    margin: 20px 0 !important;
	}
	.col-wrapper-lokasi {
		grid-template-columns: auto;
		font-size: 15px;
	}




}/* END Smartphone Landscape & Potrait */


/* FOR Smartphone Potrait Only */
@media screen and (max-width:480px){
	
	.category-page-row .product-small.box {
		min-height: 275px;
    	height: 275px;
        height : auto;
        min-height : auto;
	}
	
	.button.bttokped.primary.is-outline.is-xmedium.collapsible{
	    font-size:12px !important;
	}
	
}/* END FOR Smartphone Potrait Only */