@media (min-width: 1920px) {
    .banner-custom-container {
        max-width: 1320px; /* Sesuaikan angka ini agar lebarnya sama persis dengan .container bawaan website Anda */
        padding-left: 15px; 
        padding-right: 15px;
    }
@media (min-width: 1640px) {
	.industries-sct img {
		min-height: 398px;
	}
}
@media (max-width:1024px) {
	#payment .payment_methods li .payment_box {
		height: 120px;
	}

	.ipad-pro {
		width: 53%;
	}

	.industries-sct .txt-gallery-inside {
		font-size: 19px;
	}

	.ind2018-content .organise-image .hospital-button a {
		font-size: 14px;
	}

	.industries-detail-gallery .dropdown {
		display: block;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.industries-detail-gallery .btn {
		width: 100%;
		height: auto;
	}
}

@media (max-width:841px) {
    .popover.top {
		margin-top: 0px;
		margin-left: -20px;
		width:68%;
		padding:8px;
		left: -webkit-calc(100% - 65%) !important;
        left: -moz-calc(100% - 65%) !important;
		left: calc(100% - 65%) !important;
	}

	.popover.top>.arrow {
		margin-left: 4px;
		left: -webkit-calc(100% - 34px) !important;
        left: -moz-calc(100% - 34px) !important;
        left: calc(100% - 34px) !important;
	}    
}


@media (max-width:768px) {
	.col-custom-6 {
		width: 50%;
	}

	.col-custom-12 {
		width: 100%;
	}

	.contact-form .form-control {
		width: 100%;
	}

	.contact-form .btn-default {
		width: 100%;
	}

	ul#shipping_method {
		margin-left: -22px;
	}

	#payment .payment_methods li .payment_box {
		width: 65%;
		height: auto;
	}

	#payment .place-order {
		width: 35%;
		height: 145px;
	}

	.site-footer .wpcf7-form .wpcf7-form-control {
		width: 100%;
	}

	.site-footer .wpcf7-form .btn {
		width: 100%;
		margin-left: 0px;
	}

}

@media (max-width:767px) {

	.site-header {
		/*height: 100px;
		background-color: white;*/
		padding-bottom: 0px;
	}

	header.affix .nav.navbar-nav {
		margin-top: 10px;
	}

	.site-header .site-branding {
		margin-top: 10px;
	}

	.site-header .site-branding img {
		margin-left: 10px;
	}
		
	.woocommerce-ResetPassword.lost_reset_password p {
		width: 100%;
	}
	
	.shop-cart-mobile-detail .col-xs-12,
	.shop-cart-mobile-detail .col-xs-6,
	.shop-cart-mobile .mobile-total,
	.shop-cart-mobile .mobile-coupon {
		text-align: left;
	}
	
	.shop-cart-mobile #coupon-code {
		width: 60%
	}
	
	.shop-cart-mobile .mobile-coupon input[type="submit"] {
		float: right;
	}
	
	.shop-cart-mobile-detail .prdct-name {
		text-align: center !important;
	}
	
/*	.on-mobile {
		padding-left: 0px;
		padding-right: 0px;
	}*/

	.socmed-section {
		display: none;
	}

	/*menu responsive*/
	.top-info-mobile {
		/*width: 100%;*/
		float: right;
		margin-top: 20px;
		margin-right: 10px; 
	}

	.top-info-mobile a {
		color: black;
		top: 8px;
	    position: relative;
		font-size: 25px;
	}
	
	.top-info-mobile img {
		width: 85%;
	}

	.new-header-mobile a.custom-logo-link {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
    .new-header-mobile a.custom-logo-link img {
    	width: 60px;
    	margin: auto;
    }
    .new-header-mobile.visible-xs {
    	padding: 0px 0px;
    }
	.navbar-toggle {
		/*background-color: white;*/
		border: none;
		float: left;
		margin-top: 23px;
	}

	.navbar-toggle:hover {
		background-color: transparent;
	}

	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 7px;
	}

	.navbar-toggle .icon-bar {
		background-color: black;
		width : 30px;
		height: 2px;
	}

	.nav.navbar-nav {
		width: 100%;
		margin: 0px;
	}

	.nav.navbar-nav ul.sub-menu {
		position: relative;
		z-index: 0;
		width: 100%;
	}

	.nav>li {
		border-bottom: 1px solid #8bacaf;
		background-color: #add7d7;
	}

	li#menu-item-338, li#menu-item-361 {
		display: block;
	}

	li#menu-item-359, li#menu-item-360 {
		display: block;
		background-color: #a5cfd3;
	}

	li#menu-item-1491, li#menu-item-1492 {
		width: 100%;
	}

	.nav.navbar-nav ul.sub-menu li a:hover {
		/*text-decoration: none;*/
		padding-left: 9px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	 .nav.navbar-nav ul.sub-menu li a:focus {
	 	padding-left: 9px;
		padding-top: 0px;
		padding-bottom: 0px;	
	 }
	 
	 .reset_variations {
		margin: 10px 0 !important;
	 }

	.frm-src form {
		margin-bottom: 0px;
	}

	.frm-src .input-group {
		width: 100%;
	}

	.frm-src .input-group .form-control {
		background-color: #e8f5f5;
		border-radius: 0px;
	}

	.frm-src .btn-default {
		background-color: #e8f5f5;
		border-radius: 0px;
	}
	
	div.woof_info_popup {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: fit-content;
		height: fit-content;
		display: inline-block;
		margin: auto;	
	}
	
	.glyphicon, .fa.menu {
		float: right;
	}

	.nav.navbar-nav {
		background-color: white;
		margin-top: 10px;
	}

	.nav.navbar-nav li a {
		text-align: left;
	}

	.btn-success {
		background-color: transparent;
		border-color: transparent;
	}

	.mobile-socmed {
		text-align: center;
	}

	.mobile-socmed a {
		margin-right: 30px;
		font-size: 25px;
	}

	/* breadchrumb*/
	.woocommerce-breadcrumb {
		display: none;
	}

	/* banner */
	.banner_wrapper {
		/*height: 400px;*/
	}

	.banner_wrapper .carousel-inner{
		/*height: 340px;*/
	}

	.banner_wrapper .carousel-inner>.item>img {
		height: 275px;
		object-fit: cover;
	}

	.carousel-caption {
		padding-bottom: 20px;
		/*bottom: -21%;*/
	}

	.carr-ncrypt-text {
		font-size: 25px;
	}

	.carr-ncrypt-desc h3{
		font-size: 20px;
	}

	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right, 
	.carousel-control .icon-next, .carousel-control .icon-prev {
		/*display: none;*/
	}
	
	.carousel-control {
		top: -100px;
	}
	
	#industries-carousel-mobile .carousel-control {
		top: -50px;
	}
	
	.fi-text h1 {
		font-size: 30px;
	}

	.fi-text h3 {
		font-size: 18px;
	}
	/*.responsive-slider.flexslider .flex-control-nav {
		display: none;
	}

	.responsive-slider.flexslider .slide-title a {
		font-size: 18px;
	}

	.responsive-slider.flexslider .slides, .responsive-slider.flexslider .slides li {
		height: auto;
	}*/
	
	.case-studies-post-content img {
		width: 100%;
	}
	
	.about .title h1 {
		margin-bottom: 20px;
	}
	
	.about .mobile-version .container div div {
		padding-bottom: 100px;
	}
	
	.about img.wp-image-343 {
		position: absolute;
	}
	
	.contact-form {
		margin-top: 35px;
	}
	
	.head-office .fa-ul li {
		font-size: 16px;
		margin-top: 10px;
	}
	
	.contact-form .ipad-pro label {
		font-size: 16px;
	}

	/* 4 icons */
	.welcome-text {
		font-size: 28px;
	}

	.welcome-desc {
		font-size: 17px;
		width: 100%;			
	}

	.four-icons {
		padding: 0px;
	}

	.four-icons .blog {
		border: 1px solid #bddee1;
	}

	.four-icons .blog-info {
		min-height: 220px;
	}

	/* industries */


	.industries-sct {
		background-color: white;
		padding: 10px 0;
	}

	.industries-sct img {
		width: 100%;
		margin-left: -6px;
		height: 500px;
		object-fit: cover;
	}

	.industries-sct .txt-gallery-inside {
		margin-left: -9px;
	}

	.industries-sct .fa {
		margin-left: -8px;
		margin-top: 170px;
		padding: 10px;
		background-color: #9ad8d8;
		color: white;
	}

	.industries-sct .fa.fa-chevron-left {
		margin-left: -5px;
	}

	.industries-sct .fa.fa-chevron-right {
		margin-left: -12px;
	}

	.industries-sct .carousel-control.left {
		margin-left: 22px;
	}

	.industries-sct .carousel-control.right {
		margin-right: 35px; 
	}

	.industries-gallery .img-gallery img {
		/*max-height: 439px;*/
		width: 100%;
		border-radius: 0px;
		min-height: 221px;
	}

	.industries-gallery .txt-gallery {
		font-size: 17px;
	}

	.industries-gallery .txt-gallery-inside {
		padding: 5px 0;
		margin-top: -8%;
	}

	.industries-detail-gallery .carousel img {
		height: auto;
	}

	.industries-detail-gallery .article-slide .carousel-indicators li {
		margin-left: 0px;
		margin-top: 10px;
	}

	.industries-detail-gallery .dropdown {
		width: 100%;
	}

	.industries-detail-gallery .btn {
		width: 100%;
		margin-bottom: 10px;
	}

	.industries-detail-gallery h2 {
		margin-top: 20px;
	}

	.industries-detail-desc-2 .desc-2 blockquote {
		padding: 0px;
	}

	.industries-detail-gallery {
		padding-bottom: 0px;
	}

	/*Product*/
	.accesories .txt-prd-gallery {
		font-size: 12px;
	}

	.accesories .img-prd-gallery {
		margin-top: 30px;
	}

	.accesories .acc-gallery {
		min-height: 194px;
	}

	/* Product Landing Page */
	.product .txt-prd-gallery, .accesories .txt-prd-gallery {
		font-size: 10px;
		height: 10px;
	}

	/* Product Detail */
	.detail-product .title {
		text-align: center;
	}

	.detail-product .title h2 {
		margin-bottom: 10px;
		font-size: 23px;
	}

	.detail-product .price-text {
		text-align: center;
	}

	.detail-product .price-text p {
		margin-bottom: 0px;
	}

	.detail-product .price-text .top-price {
		font-size: 18px;
	}

	.detail-product .price-text .middle-price,
	.detail-product .price-text .bottom-price {
		font-size: 12px;
	}

	.detail-product .m-big-image {
		margin-top: 10px;
	}

	.detail-product .m-big-image img {
		margin: 30px auto;
		border: 1px solid #ececec;
	}

	.detail-product .border-image {
		border: 1px solid #ececec;
	}

	.detail-product .carousel-indicators li {
		background-color: black;
	}

	.detail-product .carousel-indicators li.active {
		background-color: white;
		border: 1px solid black;
	}

	.detail-pro, .detail-cart {
		width: 100%;
		padding: 0px;
	}

	.variations_form.cart .detail-cart {
		width: 100%;
	}


	/* New Design 21-Aug-18 */
	.detail-pro .val-attr {
		width: 100%;
	}

	.variations_form.cart .detail-cart {
		background: white;
		padding: 0px;
	}

	.single-product div.product p.price {
		border-bottom: none;
		text-align: center;
	}

	.popover.top {
		margin-top: 0px;
		margin-left: -20px;
		width:68%;
		padding:8px;
		left: -webkit-calc(100% -  45%) !important;
        left: -moz-calc(100% -  45%) !important;
		left: calc(100% - 45%) !important;
	}

	.popover-content {
		padding: 0px;
	}

	button.single_add_to_cart_button.button.alt {
		width: 100%;
	}

	span.woocommerce-Price-amount, span.woocommerce-Price-currencySymbol {
		font-weight: 600!important;
		color: #66A8A9 !important;
	}

	.detail-pro .quantity .qty {
		display: none;
	}

	a.choose, a.enquire {
		font-size: 24px;
	}

	.dropdown.mobile .dropdown-content {
		display: none;
		overflow: auto;
		z-index: 1;
	}

	/* --- */

	.three-galleries .img-gallery, 
	.two-galleries .img-gallery {
		margin-bottom: 20px;
	}

	.nav-tabs>li>a {
		font-size: 16px;
	}

	.acc-gallery {
		width: 100%;
	}

	.acc-gallery img {
		width: 100%;
	}

	/* why choose us */
	.why-choose-us img {
		width: 90px;
	}

	.four-icons .blog-top {
		min-height: 100px;
	}

	.four-icons .blog-bottom {
		margin-bottom: 50px;
	}

	.four-icons .blog-description p {
		margin-top: -10px;
		font-size: 15px;
	}

	.four-icons .blog-description .blog-title {
		margin-bottom: 0px;
	}
	
	#post-2606 .entry-title, #post-30027 .entry-title {
		margin-top: 35px;
	}
	
	#post-2606 .entry-content, #post-30027 .entry-content {
		margin-top: -28px;
	}
	
	p.red12 {
		margin-top: 0 !important;
	}
	
	.summary #myDropdown {
		margin-top: 20px;
	}
	
	.summary .detail-cart {
		margin-bottom: 20px;
	}
	
	.colors-content1 .choose-your-look {
		margin-top: 30px;
	}
	
	.img-gallery img {
		width: 100%;
	}
	
	.img-gallery .txt-gallery-desc img {
		max-width: 100%;
		width: fit-content;
	}
	
	.colors-gallery {
		margin-bottom: 0;
	}

	.single-product div.product .variations_button {
		margin-bottom: 40px;
	}
	
	#product-30017 .dropbtn {
		display: none !important;
	}
	
	/* About Us */
	.about-us-subpage-section {
		margin-top: 0px;
	}

	.about-us-subpage-section img {
		/*width: 100%;*/
		margin-bottom: 20px;
	}

	.about-us-subpage-section p {
		text-align: center;
	}

	.about-us-subpage-section iframe , .post-510 iframe{
		width: 100%;
		height: auto;
	}

	.wp-image-323 {
		width: 100%;
		margin-bottom: 20px;
	}

	/*Contact Us*/
	.contact-form input[type=email], .contact-form input[type=text], .contact-form input[type=tel] {
		margin-bottom: 0px;
	}

	.col-custom-6 {
		width: 100%;
	}


	/* Registration Form */
	.registration .form-control, .registration .btn.btn-default {
		height: 45px;
	}

	.registration .btn.btn-default {
		margin-top: 10px;
	}

	.contact-form .form-control {
		width: 100%;
	}

	.contact-form .btn-default {
		width: 100%;
	}

	/* Testimonials */
	.testimonials-post .testimonials-post-content .testi-people, .testimonials-post .testimonials-post-content .testi-desc {
		text-align: right; 
		padding-left: 0px;
	}

	/* Shopping Cart */

	.entry-header {
		text-align: center;
		border-bottom: 1px solid #5e5e5e;
	}

	.continue-shop-button.button.alt.wc-forward, .proceed-to-checkout-div .checkout-button, .proceed-to-checkout-div .button.update_cart {
		width: 100%;
		border-radius: 0px;
		text-align: center;
		height: 50px;
		font-size: 18px;
		margin-bottom: 10px;
	}

	.proceed-to-checkout-div {
		text-align: center;
	}

	p.prdct-name {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.qty {
		margin-bottom: 20px;
	}

	.qty-detail {
		display: inline-flex;
	}

	.qty-detail img{
		/*width: 30%;*/
		height: 45%;
		margin-left: 10px;
		display: inline-block;
	}

	.shop-cart-mobile-detail .mobile-subtotal {
		text-align: right;
		font-size: 18px;
	}

	.line-for-mobile {
		margin-bottom: 5px;
		border-top: 1px solid #5e5e5e;
	}

	.shop-cart-mobile {
		padding-bottom: 20px;
	}

	.shop-cart-mobile-detail {
		padding: 20px 0;
		border-bottom: 1px solid #5e5e5e;
	}

	.shop-cart-mobile-detail a {
		color: black;
	}

	.mobile-coupon {
		background-color: #f4f4f4;
		padding: 10px;
		border: 1px solid #c6c7c7;
		margin-top: 20px;
		padding: 5px;
		border-radius: 4px;
	}

	.mobile-coupon .input-text {
		background-color: transparent;
		border: none;
		box-shadow: none;
		width: calc(100% - 150px);
	}

	.mobile-coupon .button {
		border-radius: 4px;
		background-color: #9ad7d9;
	}

	.mobile-coupon label {
		display: none;
	}

	.mobile-total {
		font-weight: bold;
		padding-top: 30px;
	}

	.mobile-total p {
		font-size: 25px;
	}

	.mobile-total .ttl-prc-right {
		text-align: right;
		font-size: 27px;
	}

	.single-product div.product form.cart {
		/*margin-bottom: 35px;*/
	}

	/* Case Studies */
	.case-studies-post-content h3 {
		padding-top: 10px;
		font-size: 21px;
	}

	.case-studies-post .img-desc-txt-inside {
		margin-top: -27.4%;
		padding: 10px;
		min-height: 123px;
	}
	
	.case-studies-title {
		padding-bottom: 0px;
	}
	
	#ssf_adress_input_box {
		padding: 0 !important;
		margin-top: 30px;
		display: block;
	}
	
	#storeLocatorFilterToggler {
		display: none;
	}
	
	.case-studies-post .img-desc-txt-inside h3 {
		font-size: 18px;
		padding-top: 7px;
	}

	.case-studies-post .img-desc-txt-inside p {
		font-size: 14px;
	}

	/* Blog */
	.blog-post-content .content img {
		width: 100%;
		margin-bottom: 15px;
	}

	/* Blog Detail */
	.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry {
		width: 100%;
		margin-bottom: 0px;
	}

	.blog-detail-widget {
		width: 100%;
	}

	/* Seat Calculator */
	.seat-calculator-form .page-template-template-fullwidth-php .site-main .columns-3 ul.products li.product, .page-template-template-homepage-php .site-main .columns-3 ul.products li.product, .storefront-full-width-content .site-main .columns-3 ul.products li.product {
	    width: 100%;
	    border: none;
	 }

	 /* Checkout Payment */
	#payment .payment_methods li .payment_box {
		width: 100%;
		position: relative;
		border-left: none;
		border-bottom: none;
		background-color: white;
		font-style: italic;
		font-size: 13px;
		height: auto;
		margin-top: 30px;
		padding: 0;
	}
	
	#payment .form-row.place-order {
		padding: 20px 0;
	}
	
	.mobile-cart-info-detail .mobile-subtotal {
		text-align: right;
	}

	#payment .place-order {
		width: 100%;
		margin-top: 0px;
		border-bottom: none;
		border-right: none;
		background-color: transparent;
	}

	.mobile-cart-info-detail {
		border-bottom: 1px solid #999999;
		padding-bottom: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.mobile-cart-info-detail .prdct-name{
		margin-bottom: 10px;
		font-size: 18px;
	}
	
	.mobile-cart-info-detail .variation p {
		margin-bottom: 3px;
	}

	.woocommerce-checkout-review-order.custom dl.variation {
		display: none;
	}

	.mobile-cart-info-detail .mobile-subtotal {
		font-size: 16px;
	}

	.line-for-mobile-payment {
		border-top: 4px double #5e5e5e;
	}

	/* Find a Distribution */
	.find-distribution-content {
		padding-bottom: 450px;
	}

	.find-distribution-content .dropbtn, .find-distribution-content .dropdown-content {
		width: 50%;
		left: 3%;
	}

	/* Maintenance & Care */
	img.wp-image-1566 {
		width: 100%;
		margin-bottom: 20px;
	}

	.site-footer .primary-menu li {
		float: left;
		width: 172px;
		width: 50%;
		padding: 0 10px 10px 0;
	}
	
	.site-footer .primary-menu li:nth-child(even) {
		padding: 0 10px 10px;
	}

	.site-footer .primary-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-144 {
		display: none;
	}

	.site-footer .mobile-line.primary {
		float: right;
		width: 100%;
	}

	.site-footer .footer-left-side li, .site-footer .footer-right-side li {
		margin-bottom: 10px;
	}

	.site-footer .wpcf7-form .wpcf7-form-control {
		width: 100%;
	}

	.site-footer .wpcf7-form .btn {
		width: 100%;
		margin-left: 0px;
	}

	.site-footer form {
		display: inline;
	}

	.site-footer .mobile-line {
		display: block;
		border: 1px solid #acd6d5;
	}

	.site-footer .copyright, .site-footer .terms {
		text-align: center;
		font-size: 18px;
	}

	.site-footer .desktop-line {    
		display: none;
	}

}

@media (max-width: 500px){
    
	.popover.top {
		margin-top: 0px;
		margin-left: -20px;
		width:68%;
		padding:8px;
		left: -webkit-calc(100% -  67%) !important;
        left: -moz-calc(100% -  67%) !important;
		left: calc(100% - 67%) !important;
	}
}

@media (max-width:414px) {
	.industries-detail-gallery .article-slide .carousel-indicators {
		position: relative;
	}
}