/*---------------------------------------------------------------------------------------------------------------------- */ /* Tablet Landscape */ /*---------------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width : 1024px) { #box-wrapper{width:100% !important;} .fullwidthbanner-container .fullwidthabanner, .fullwidthbanner-container{width:100% !important;} #box-wrapper{margin:0;} .row {padding: 0 20px;} .row .row {padding: 0px;} /*header*/ #header.type2 #mainmenu ul li{margin-left:0; padding-left:10px; padding-right:10px} #header.type4 #top_right-text span:last-child{display:block;} #infotext{display:none;} #header.type4 #menu-container #searchform-besidemenu #s:focus{width:930px ; right:0;} /*sliseshow*/ #idz-slideshow-container{width:950px; margin:0 auto} /*list*/ .idz-client-inline li{max-width:160px;} .idz-client-list li{max-width:195px;} .idz-recent-inline li{width:190px;} .idz-subscribe-right ul li{width:100px;} /*blog*/ .idz-entry-thumb{min-height:240px;} .idz-entry-video{min-height:240px;} .idz-entry-content-video{min-height:240px;} /*form*/ div.custom-form div.input{margin-left:31px;} .idz-appointment-content{background:#f3f3f3; padding:35px 0px 20px 18px;} .idz-appointment-container div.custom-form input[type="submit"], .idz-appointment-container div.custom-form button{padding:12px 22px;} .idz-appointment-container div.custom-form div.input, .idz-appointment-container div.custom-form div.input-button, .idz-appointment-container div.custom-form div.input-select{margin-left:0;} .form-list-select:after {height:35px;} .idz-subscribe-sep{display:none;} /*animated*/ .idz-animation{opacity:1 !important;} /*appoinment*/ input, select, textarea{-webkit-appearance: none;} /*pricing table*/ .pricing-grid.two-up > li { width: 48%; margin:15px 8px; padding:0; } .pricing-grid.three-up > li { width: 32%; margin:15px 6px; padding:0; } .pricing-grid.four-up > li { width: 24%; margin:15px 4px; padding:0; } /* single product */ body.single-product .idz-single-product-summary span.onsale, body.single-product.page-fullwidth .idz-single-product-summary span.onsale{left:41%;} body.single-product div.sale .idz-single-product-summary .idz-featuredbadge{left:37.555%;} body.single-product.page-fullwidth .idz-single-product-summary span.onsale{left:43.555%;} body.single-product.page-fullwidth div.sale .idz-single-product-summary .idz-featuredbadge{left:41.333%;} } /*---------------------------------------------------------------------------------------------------------------------- */ /* Tablet Potrait */ /*---------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { #menu {display:none;} #left-header{float:none; text-align:center; width:100%; padding:0 0 30px 0} #right-header{float:none; width:100%; z-index:200; position:relative} #left-header #logo img{margin:0 auto; display:block} #top-line{display:none;} #top_right-text{text-align:left;} #top_right-text ul li{margin-left:0 !important;} .block-grid.mobile.two-up li, .block-grid.mobile.three-up li, .block-grid.mobile.four-up li, .woocommerce .related ul.two-up li, .woocommerce .upsells.products ul.two-up li, .woocommerce-page .related ul.two-up li, .woocommerce-page .upsells.products ul.two-up li, .woocommerce.columns-2 ul.block-grid li, .woocommerce .related ul.three-up li, .woocommerce .upsells.products ul.three-up li, .woocommerce-page .related ul.three-up li, .woocommerce-page .upsells.products ul.three-up li, .woocommerce.columns-3 ul.block-grid li, .woocommerce .related ul.four-up li, .woocommerce .upsells.products ul.four-up li, .woocommerce-page .related ul.four-up li, .woocommerce-page .upsells.products ul.four-up li, .woocommerce.columns-4 ul.block-grid li{ width:49.99%} .woocommerce.columns-2 ul.block-grid li:nth-child(2n+1), .woocommerce.columns-3 ul.block-grid li:nth-child(2n+1), .woocommerce.columns-4 ul.block-grid li:nth-child(2n+1) {clear: left;} .slicknav_nav .sub-menu{display:block; visibility:visible;} #header.type1{padding:20px 0 0 0;} #header.type1 #menu-container{margin:0 0 25px 0 !important; width:100%; border:0; z-index:100} #header.type1 #top-text{display:block; float:none; clear:both; width:100%; text-align:center; padding:0 0 20px 0} #header.type1 #top-search{display:block; float:none; clear:both; width:auto; margin-bottom:30px} #header.type1 #infotext{display:none;} #header.type1 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type1 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type1 .slicknav_icon{float:right;} #header.type1 .slicknav_nav i{padding-right:10px;} #header.type1 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type1 .slicknav_nav li:last-child{border:0;} #header.type1 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type1 .slicknav_nav a{color:#f1efef;} #header.type1 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 .desc-menu{display:none;} #header.type2 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type2 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type2 .slicknav_icon{float:right;} #header.type2 .slicknav_nav i{padding-right:10px;} #header.type2 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type2 .slicknav_nav li:last-child{border:0;} #header.type2 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type2 .slicknav_nav a{color:#f1efef;} #header.type2 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type2 #left-header{padding:30px 0 30px 0;} #header.type2 #top_right-text{text-align:left; float:right; position:relative; margin-top:-25px} #header.type3 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type3 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type3 .slicknav_icon{float:right;} #header.type3 .slicknav_nav i{padding-right:10px;} #header.type3 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type3 .slicknav_nav li:last-child{border:0;} #header.type3 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type3 .slicknav_nav a{color:#f1efef;} #header.type3 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type3 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type3 #left-header{padding:30px 0 30px 0;} #header.type3 #top_right-text{text-align:left; float:right; position:relative; margin-top:-25px} #header.type4 #menu-container{min-height:65px; z-index:1100} #header.type4 #indonez-mobile-menu{position:absolute; width:500px; z-index:100;} #header.type4 #menu-container.no-searchform #indonez-mobile-menu{width:100%;} #header.type4 .slicknav_menu{display:block; padding:0px 0px; float:none; background:transparent; color:#838383; } #header.type4 .slicknav_nav{background:#fff; border:solid 1px #ebebeb; margin:3px 0 0 -1px; color:#b8b8b8; padding:0px 0px;} #header.type4 .slicknav_nav i{padding-right:10px;} #header.type4 .slicknav_nav a{color:#838383;} #header.type4 .slicknav_nav li{border-bottom:solid 1px #ebebeb;} #header.type4 .slicknav_nav li:last-child{border:0;} #header.type4 .slicknav_nav .slicknav_row:hover {background:#f7f7f7; color:#838383;} #header.type4 .slicknav_nav a:hover{background:#f7f7f7; color:#7d7d7d;} #header.type4 .slicknav_btn{margin:0 auto; width:100%; padding:22px 20px 0 15px; height:65px; color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_menutxt {color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_icon-bar{background-color:#b8b8b8;} #header.type4 .slicknav_icon{float:right;} #header.type4 #top_right-text span{padding-left:0px; padding-right:20px;} #header.type4 #top_right-text span:last-child{display:inline-block;} #header.type4 #top_right-text span i{padding-left:0;} #header.type4 #right-header {padding:20px 0 0 0; float:none; clear:both; text-align:center} #header.type4 #top-text{clear:both; float:none} #header.type4 #menu-container #searchform-besidemenu #s:focus {width:680px; z-index:120} #header.type4 #menu-container #searchform-besidemenu #searchform button{ display:block; z-index:125; top:25px} #header.type5 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type5 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type5 .slicknav_icon{float:right;} #header.type5 .slicknav_nav i{padding-right:10px;} #header.type5 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type5 .slicknav_nav li:last-child{border:0;} #header.type5 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type5 .slicknav_nav a{color:#f1efef;} #header.type5 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type5 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type5 #left-header{padding:30px 0 30px 0;} #header.type5 #top_right-text{text-align:left; float:right; position:relative; margin-top:-25px;} /*slideshow*/ #idz-slideshow-container{width:690px; margin:0 auto; vertical-align:top} .idz-bg-form{display:none;} .idz-caption-bg-black{display:none;} .idz-caption-transparent-black{display:none !important;} .idz-caption-bg-blue{height:100% !important; } .idz-title-slider{top:-50px !important; background:#fff} .idz-caption-transparent-blue{width:345px} .idz-bg-custom-black{display:none} /*pagetitle*/ .pagetitle h1{font-size:25px;} /*list*/ .idz-client-inline li{max-width:140px; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4; margin-bottom:20px;} .idz-client-list{border:0; margin:0 auto; display:block} .idz-client-list li{max-width:170px; margin-bottom:10px; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4;} .idz-recent-inline{margin:20px 0 0 0;} .idz-recent-inline li{width:auto; display:block; margin-bottom:30px} /*subscribe*/ .idz-subscribe-box{padding:0;} .idz-subscribe-left, .idz-subscribe-right{float:none; display:block; clear:both; max-width:100%; margin:0} .idz-subscribe-left{min-height:100% !important; height:auto;} .idz-subscribe-right{padding:30px 20px;} .idz-subscribe-right ul{margin:10px 20px} /*content*/ .main-content{float:none !important;} .margintopminus40{margin:0;} .margintopminus{margin-top:20px;} .mobile-hide{display:none;} .mobile-center{margin:0 auto; display:block;} .column.nomargin{margin-bottom:25px;} .idz-recent-inline li:last-child {margin-right:19px;} /*animated*/ .idz-animation{opacity:1 !important;} /*pricing table*/ .pricing-grid.two-up > li { width: 48%; margin:15px 2px; padding:0; } .pricing-grid.three-up > li { width: 32%; margin:15px 2px; padding:0; } .pricing-grid.four-up > li { width: 24%; margin:15px 2px; padding:0; } /*form*/ .idz-appointment-container div.custom-form div.input, .idz-appointment-container div.custom-form div.input-button, .idz-appointment-container div.custom-form div.input-select{display:block;width:96%; } div.custom-form div.input{display:block; width:100%; margin-left:0} /*appoinment*/ input, select, textarea{-webkit-appearance: none;} /*blog*/ .idz-entry-thumb{min-height:200px;} /*portfolio*/ #pf-filter{padding-bottom:30px;} .pf-item-content h3{font-weight:400; font-size:12px;} .pf-item-content p{display:none;} /*team*/ .team-container ul li{width: 50% !important; float: left; padding: 0 15px; margin-bottom:20px;} /*testimonial*/ .testi-image{display:block; float:none; border:0} .testi-image img{display:block; margin:0 auto 10px auto;} /* single product */ body.single-product .idz-single-product-summary span.onsale{ left:42%; float:left; } body.single-product div.sale .idz-single-product-summary .idz-featuredbadge{ left:38.555%; float:left; } /*widget*/ .widget_area{clear:both; padding-top:40px} } /*---------------------------------------------------------------------------------------------------------------------- */ /* Mobile Landscape */ /*---------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { #menu {display:none;} #left-header{float:none; text-align:center; width:100%; padding:0 0 30px 0} #right-header{float:none; width:100%; z-index:200; position:relative} #left-header #logo img{margin:0 auto; display:block} #top-line{display:none;} #top_right-text{text-align:left; display:block} #top_right-text ul li{margin-left:0 !important;} .block-grid.mobile.two-up li, .block-grid.mobile.three-up li, .block-grid.mobile.four-up li, .woocommerce .related ul.two-up li, .woocommerce .upsells.products ul.two-up li, .woocommerce-page .related ul.two-up li, .woocommerce-page .upsells.products ul.two-up li, .woocommerce.columns-2 ul.block-grid li, .woocommerce .related ul.three-up li, .woocommerce .upsells.products ul.three-up li, .woocommerce-page .related ul.three-up li, .woocommerce-page .upsells.products ul.three-up li, .woocommerce.columns-3 ul.block-grid li, .woocommerce .related ul.four-up li, .woocommerce .upsells.products ul.four-up li, .woocommerce-page .related ul.four-up li, .woocommerce-page .upsells.products ul.four-up li, .woocommerce.columns-4 ul.block-grid li{ width:100%} .block-grid.mobile > li{ clear: both; } #header.type1{padding:40px 0 0 0;} #header.type1 #menu-container{margin:0 0 30px 0 !important; width:100%; border:0; z-index:100} #header.type1 #top-text{display:block; float:none; clear:both; width:100%; text-align:center; padding:0 0 20px 0} #header.type1 #top-search{display:block; float:none; clear:both; width:auto; margin-bottom:30px} #header.type1 #infotext{display:none;} #header.type1 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type1 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type1 .slicknav_icon{float:right;} #header.type1 .slicknav_nav i{padding-right:10px;} #header.type1 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type1 .slicknav_nav li:last-child{border:0;} #header.type1 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type1 .slicknav_nav a{color:#f1efef;} #header.type1 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 .desc-menu{display:none;} #header.type2 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type2 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type2 .slicknav_icon{float:right;} #header.type2 .slicknav_nav i{padding-right:10px;} #header.type2 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type2 .slicknav_nav li:last-child{border:0;} #header.type2 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type2 .slicknav_nav a{color:#f1efef;} #header.type2 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type2 #left-header{padding:30px 0 30px 0;} #header.type2 #top_right-text{text-align:left; display:block;} #header.type3 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type3 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type3 .slicknav_icon{float:right;} #header.type3 .slicknav_nav i{padding-right:10px;} #header.type3 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type3 .slicknav_nav li:last-child{border:0;} #header.type3 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type3 .slicknav_nav a{color:#f1efef;} #header.type3 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type3 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type3 #left-header{padding:30px 0 30px 0;} #header.type3 #top_right-text{text-align:left; display:block; padding:10px 0} #header.type4 #menu-container{min-height:65px;} #header.type4 #indonez-mobile-menu{position:absolute; width:405px; z-index:510} #header.type4 #menu-container.no-searchform #indonez-mobile-menu{width:100%;} #header.type4 .slicknav_menu{display:block; padding:0px 0px; float:none; background:transparent; color:#838383; } #header.type4 .slicknav_nav{background:#fff; border:solid 1px #ebebeb; margin:3px 0 0 -1px; color:#b8b8b8; padding:0px 0px;} #header.type4 .slicknav_nav i{padding-right:10px;} #header.type4 .slicknav_nav a{color:#838383;} #header.type4 .slicknav_nav li{border-bottom:solid 1px #ebebeb;} #header.type4 .slicknav_nav li:last-child{border:0;} #header.type4 .slicknav_nav .slicknav_row:hover {background:#f7f7f7; color:#838383;} #header.type4 .slicknav_nav a:hover{background:#f7f7f7; color:#7d7d7d;} #header.type4 .slicknav_btn{margin:0 auto; width:100%; padding:22px 20px 0 15px; height:65px; color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_menutxt {color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_icon-bar{background-color:#b8b8b8;} #header.type4 .slicknav_icon{float:right;} #header.type4 #top_right-text span{padding-left:0px; padding-right:20px;} #header.type4 #top_right-text span:last-child{display:inline-block;} #header.type4 #top_right-text span i{padding-left:0;} #header.type4 #right-header {padding:20px 0 0 0; float:none; clear:both; text-align:center} #header.type4 #top-text{clear:both; float:none} #header.type4 #menu-container #searchform-besidemenu{display:none;} #header.type5 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type5 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type5 .slicknav_icon{float:right;} #header.type5 .slicknav_nav i{padding-right:10px;} #header.type5 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type5 .slicknav_nav li:last-child{border:0;} #header.type5 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type5 .slicknav_nav a{color:#f1efef;} #header.type5 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type5 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type5 #left-header{padding:30px 0 30px 0;} #header.type5 #top_right-text{text-align:left; display:block; padding:10px 0} .cartlistwrapper{top:45px !important; left:0; right:auto} #idz_top_cart{padding-left:10px;} /*slideshow*/ #idz-slideshow-container{width:400px; margin:0 auto} .tp-bullets.simplebullets.square-old .bullet{display:none !important;} .idz-bg-form{display:none;} .idz-caption-bg-black{display:none;} .idz-caption-transparent-black{display:none !important;} .idz-caption-bg-blue{height:100% !important;} .small_light_white, .idz-caption-smalltext-grey{display:none;} .idz-caption-transparent-blue{width:200px} #rev_slider_2_wrapper.rev_slider_wrapper{margin-top:30px;} .idz-bg-custom-black{display:none} /*pagetitle*/ .pagetitle h1{font-size:25px;} #page-header-right{display:block} /*list*/ .idz-client-inline li{max-width:140px; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4;} .idz-client-list{border:0; margin:0 auto; display:block} .idz-client-list li{max-width:170px; margin-bottom:10px; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4;} .idz-recent-inline{margin:20px 0 0 0;} .idz-recent-inline li{width:auto; display:block; margin-bottom:30px} .idz-recent-inline li:last-child{margin-right:19px;} /*subscribe*/ .idz-subscribe-box{padding:0;} .idz-subscribe-left, .idz-subscribe-right{float:none; display:block; clear:both; max-width:100%; margin:0} .idz-subscribe-left{min-height:100% !important; height:auto;} .idz-subscribe-right{padding:30px 20px;} .idz-subscribe-right ul{margin:10px 20px} .idz-subscribe-right div.custom-form .input{width:100%;} .idz-subscribe-right div.custom-form .input-button{margin-left:0; margin-top:10px} /*event*/ .idz-events-box{padding:20px;} .idz-events-date{padding:0; border:0; display:block; float:none} .idz-events-d{font-size:18px; line-height:20px; display:inline-block} .idz-events-m{font-size:11px; display:inline-block; padding-left:5px} .idz-events-title-con{overflow:visible; display:block; padding-left:0} .idz-events-nav{right:20px; top:10px;} .events-table td.idz-event-img{display:none;} /*appoinment*/ .idz-appointment-content{padding:20px 5px 20px 18px;} input, select, textarea{-webkit-appearance: none;} /*content*/ .main-content{float:none !important;} .spacer{margin-bottom:10px !important;} .margintopminus40{margin:0;} .margintopminus{margin-top:20px;} .mobile-hide{display:none;} .mobile-center{margin:0 auto; display:block;} .column.nomargin{margin-bottom:25px;} ul.pricing-payment li{width:auto; height:auto} ul.icons-list li i{font-size:20px;} ul.icons-list li{width:44%;} .idz-social-box .div-social-icon{width:100%;} .idz-social-box .div-social-title{display:block; text-align:center} .idz-social-box .div-social-content{float:none; display:block; padding:0 0 10px 0; padding-top:0 !important; text-align:center} /*tabs*/ .idz-tabs .idz-nav li{display:block; width:100%;} .idz-tabs .idz-nav li a{padding:12px; font-size:12px;} .idz-tabs .idz-tab {padding:18px;} /*count number*/ .idz-number{padding-bottom:10px;} .count-number .datatext{vertical-align:top; padding:10px 0 0 0;} .count-number .square-icon{margin-top:10px; display:inline-block; margin-bottom:0} /*animated*/ .idz-animation{opacity:1 !important;} /*pricing table*/ .pricing-grid.two-up > li { width: 100%; margin:15px 0px; padding:0; } .pricing-grid.three-up > li { width: 100%; margin:15px 0px; padding:0; } .pricing-grid.four-up > li { width: 100%; margin:15px 0px; padding:0; } /*form*/ .idz-appointment-container div.custom-form div.input, .idz-appointment-container div.custom-form div.input-button, .idz-appointment-container div.custom-form div.input-select{display:block;width:96%; } div.custom-form div.input{display:block; width:100%; margin-left:0} /*blog*/ .idz-blog-wrapper{width:405px} .idz-entry-icon{width:80px;} .idz-entry-icon i{font-size:30px;} .idz-entry-thumb{min-height:130px;} .idz-entry-video{min-height:150px;} .idz-entry-content-video{min-height:150px;} .idz-entry-title{font-size:18px; line-height:22px} .idz-entry-meta-date{width:100%; display:block; min-height:100%; text-align:left} .idz-entry-meta-date .date-d{font-size:14px; line-height:22px; display:inline-block} .idz-entry-meta-date .date-m{font-size:14px; display:inline-block; padding-left:10px} .idz-entry-header{width:100%; display:block;} #commentform-wrap {width:100%;} #authorarea img{top:30px;} .idz-entry-content-audio, .idz-entry-content-link, .idz-entry-content-video, .idz-entry-content-media{margin-bottom:10px;} /*portfolio*/ #pf-filter{padding-bottom:30px;} .pf-container li, .pf-related li{width:50% !important;} .pf-item-content h3{font-weight:400; font-size:12px;} .pf-item-content p{display:none;} /*team*/ .team-container ul li{width: 50% !important; float: left; padding: 0 15px; margin-bottom:20px;} /*client*/ .idz-client-slider h2{font-size:20px;} .idz-client-nav span{padding:0 4px; height:20px; line-height:20px;} /*testimonial*/ .testi-image{display:block; float:none; border:0} .testi-image img{display:block; margin:0 auto 10px auto;} /* single product */ body.single-product .idz-single-product-summary span.onsale, body.single-product.page-fullwidth .idz-single-product-summary span.onsale{ float:right; left:auto; right:0px; } body.single-product div.sale .idz-single-product-summary .idz-featuredbadge, body.single-product.page-fullwidth div.sale .idz-single-product-summary .idz-featuredbadge{ left:auto; right:0; float:right; } .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{float:none; width:100%; margin-bottom:2em} /*widget*/ .widget_area{clear:both; padding-top:40px} } /*---------------------------------------------------------------------------------------------------------------------- */ /* Mobile Potrait */ /*---------------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { .row {padding: 0 10px;} .row .row {padding: 0px;} .block-grid.mobile.two-up li, .block-grid.mobile.three-up li, .block-grid.mobile.four-up li, .woocommerce .related ul.two-up li, .woocommerce .upsells.products ul.two-up li, .woocommerce-page .related ul.two-up li, .woocommerce-page .upsells.products ul.two-up li, .woocommerce.columns-2 ul.block-grid li, .woocommerce .related ul.three-up li, .woocommerce .upsells.products ul.three-up li, .woocommerce-page .related ul.three-up li, .woocommerce-page .upsells.products ul.three-up li, .woocommerce.columns-3 ul.block-grid li, .woocommerce .related ul.four-up li, .woocommerce .upsells.products ul.four-up li, .woocommerce-page .related ul.four-up li, .woocommerce-page .upsells.products ul.four-up li, .woocommerce.columns-4 ul.block-grid li{ width:100%} .block-grid.mobile > li{ clear: both; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{font-size:11px !important; font-weight:300;} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td{padding:6px 3px;} #menu {display:none;} #left-header{float:none; text-align:center; width:100%; padding:0 0 30px 0} #right-header{float:none; width:100%; z-index:200; position:relative} #left-header #logo img{margin:0 auto; display:block} #top-line{display:none;} #top_right-text{text-align:left; display:block} #top_right-text ul li{margin-left:0 !important;} #header.type1{padding:40px 0 0 0;} #header.type1 #menu-container{margin:0 0 30px 0 !important; width:100%; border:0; z-index:100} #header.type1 #top-text{display:block; float:none; clear:both; width:100%; text-align:center; padding:0 0 20px 0} #header.type1 #top-search{display:none; float:none; clear:both; width:auto; margin-bottom:30px} #header.type1 #infotext{display:none;} #header.type1 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type1 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type1 .slicknav_icon{float:right;} #header.type1 .slicknav_nav i{padding-right:10px;} #header.type1 .slicknav_nav li li{padding-left:5px !important;} #header.type1 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type1 .slicknav_nav li:last-child{border:0;} #header.type1 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type1 .slicknav_nav a{color:#f1efef;} #header.type1 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 .desc-menu{display:none;} #header.type2 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type2 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type2 .slicknav_icon{float:right;} #header.type2 .slicknav_nav i{padding-right:10px;} #header.type2 .slicknav_nav li li{padding-left:5px !important;} #header.type2 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type2 .slicknav_nav li:last-child{border:0;} #header.type2 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type2 .slicknav_nav a{color:#f1efef;} #header.type2 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type2 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type2 #left-header{padding:30px 0 30px 0;} #header.type2 #top_right-text{text-align:left; display:block;} #header.type3 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type3 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type3 .slicknav_icon{float:right;} #header.type3 .slicknav_nav i{padding-right:10px;} #header.type3 .slicknav_nav li li{padding-left:5px !important;} #header.type3 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type3 .slicknav_nav li:last-child{border:0;} #header.type3 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type3 .slicknav_nav a{color:#f1efef;} #header.type3 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type3 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type3 #left-header{padding:30px 0 30px 0;} #header.type3 #top_right-text{text-align:left; display:block; padding:10px 0; } #header.type3 #top_right-tex ul li{font-size:10px !important;} #header.type4 #menu-container{min-height:65px; margin-top:20px} #header.type4 #indonez-mobile-menu{position:absolute; width:265px; z-index:510; } #header.type4 #menu-container.no-searchform #indonez-mobile-menu{width:100%;} #header.type4 .slicknav_menu{display:block; padding:0px 0px; float:none; background:transparent; color:#838383; } #header.type4 .slicknav_nav{background:#fff; border:solid 1px #ebebeb; margin:3px 0 0 -1px; color:#b8b8b8; padding:0px 0px;} #header.type4 .slicknav_nav i{padding-right:10px;} #header.type4 .slicknav_nav li li{padding-left:5px !important;} #header.type4 .slicknav_nav a{color:#838383;} #header.type4 .slicknav_nav li{border-bottom:solid 1px #ebebeb;} #header.type4 .slicknav_nav li:last-child{border:0;} #header.type4 .slicknav_nav .slicknav_row:hover {background:#f7f7f7; color:#838383;} #header.type4 .slicknav_nav a:hover{background:#f7f7f7; color:#7d7d7d;} #header.type4 .slicknav_btn{margin:0 auto; width:100%; padding:22px 20px 0 15px; height:65px; color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_menutxt {color:#b8b8b8;} #header.type4 .slicknav_menu .slicknav_icon-bar{background-color:#b8b8b8;} #header.type4 .slicknav_icon{float:right;} #header.type4 #top-left-text{font-size:10px;} #header.type4 #top_right-text span{padding-left:0px; padding-right:0px; font-size:10px} #header.type4 #top_right-text span:last-child{display:inline-block;} #header.type4 #top_right-text span i{padding-left:0;} #header.type4 #right-header {padding:20px 0 0 0; float:none; clear:both; text-align:center} #header.type4 #top-text{clear:both; float:none; font-size:9px} #header.type4 #menu-container #searchform-besidemenu{display:none;} #header.type5 .slicknav_menu{display:block; padding:0; float:none; background:#474747;} #header.type5 .slicknav_btn{margin:0 auto; width:100%; padding:15px 15px} #header.type5 .slicknav_icon{float:right;} #header.type5 .slicknav_nav i{padding-right:10px;} #header.type5 .slicknav_nav li li{padding-left:5px !important;} #header.type5 .slicknav_nav li{border-bottom:solid 1px #535252;} #header.type5 .slicknav_nav li:last-child{border:0;} #header.type5 .slicknav_nav .slicknav_row:hover {background:#676767; color:#f1efef;} #header.type5 .slicknav_nav a{color:#f1efef;} #header.type5 .slicknav_nav a:hover{background:#676767; color:#f1efef;} #header.type5 #right-header{min-height:0; width:100%; padding:0 0 30px 0} #header.type5 #left-header{padding:30px 0 30px 0;} #header.type5 #top_right-text{text-align:left; display:block; padding:10px 0; } #header.type5 #top_right-tex ul li{font-size:10px !important;} .cartlistwrapper{top:45px !important; left:0; right:auto} #idz_top_cart{padding-left:10px;} /*slideshow*/ #idz-slideshow-container{width:265px; margin:0 auto; height:auto} .tp-bullets.custom, .tp-bullets.simplebullets.square-old .bullet, .tparrows.custom{display:none !important;} .idz-bg-form{display:none;} .idz-caption-bg-black{display:none;} .idz-caption-transparent-black{display:none !important;} .idz-caption-bg-blue{height:100% !important;} .small_light_white, .idz-caption-smalltext-grey{display:none;} .idz-caption-transparent-blue{width:132px} #rev_slider_2_wrapper.rev_slider_wrapper{margin-top:20px;} .idz-bg-custom-black{display:none} /*pagetitle*/ .pagetitle h1{font-size:25px;} #page-header-right{display:block} /*list*/ .idz-client-inline li{max-width:100%; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4; margin-bottom:20px} .idz-client-list{border:0; margin:0 auto; display:block} .idz-client-list li{max-width:auto; width:100%; margin-bottom:10px; border: solid 1px #e0e0e0 !important; box-shadow: 2px 2px 0px #f4f4f4; margin-left:0;} .idz-recent-inline{margin:20px 0 0 0;} .idz-recent-inline li{width:auto; display:block; margin-bottom:30px} .idz-recent-inline li:last-child{margin-right:19px;} /*subscribe*/ .idz-subscribe-box{padding:0;} .idz-subscribe-left, .idz-subscribe-right{float:none; display:block; clear:both; max-width:100%; margin:0} .idz-subscribe-left{min-height:100% !important; height:auto;} .idz-subscribe-right{padding:30px 20px;} .idz-subscribe-right ul{margin:10px 20px} .idz-subscribe-right div.custom-form .input{width:100%;} .idz-subscribe-right div.custom-form .input-button{margin-left:0; margin-top:10px} /*event*/ .idz-events-box{padding:20px;} .idz-events-date{padding:0; border:0; display:block; float:none} .idz-events-d{font-size:18px; line-height:20px; display:inline-block} .idz-events-m{font-size:11px; display:inline-block; padding-left:5px} .idz-events-title-con{overflow:visible; display:block; padding-left:0} .idz-events-nav{right:20px; top:10px;} .events-table td.idz-event-img{display:none;} /*appoinment*/ .idz-appointment-content{padding:20px 10px 20px 18px;} input, select, textarea{-webkit-appearance: none;} /*content*/ .main-content{float:none !important;} .row .mobile-two{width:100% !important;} .spacer{margin-bottom:10px !important;} .margintopminus40{margin:0;} .margintopminus{margin-top:20px;} .mobile-hide{display:none;} .mobile-center{margin:0 auto; display:block;} .column.nomargin{margin-bottom:25px;} .border-bottom{margin-bottom:15px; padding-bottom:10px} ul.pricing-payment li{width:auto; height:auto} ul.icons-list li i{font-size:20px;} ul.icons-list li{width:40%;} .idz-social-box .div-social-icon{width:100%;} .idz-social-box .div-social-title{display:block; text-align:center} .idz-social-box .div-social-content{float:none; display:block; padding:0 0 10px 0; padding-top:0 !important; text-align:center} .idz-recent-posts-carousel .idz-post-nav{top:30px;} .idz-recent-posts-carousel .post-image{margin-bottom:5px;} .idz-recent-posts-carousel h3{font-size:11px; line-height:14px;} .idz-recent-posts-carousel .idz-recent-excerpt, .idz-recent-posts-carousel .idz-recent-meta{display:none;} .idz-recent-posts-carousel a.button{font-size:9px;} .idz-recent-posts-carousel a i{display:none;} .idz-recent-posts{overflow:hidden;} .idz-wrapbox{margin-bottom:20px;} /*tabs*/ .idz-tabs .idz-nav li{display:block; width:100%;} .idz-tabs .idz-nav li a{padding:12px; font-size:12px;} .idz-tabs .idz-tab {padding:18px;} /*count number*/ .idz-number{padding-bottom:10px;} .count-number .datatext{vertical-align:top; padding:10px 0 0 0;} .count-number .square-icon{margin-top:10px; display:inline-block; margin-bottom:0} /*animated*/ .idz-animation{opacity:1 !important;} /*pricing table*/ .pricing-grid.two-up > li { width: 100%; margin:15px 0px; padding:0; } .pricing-grid.three-up > li { width: 100%; margin:15px 0px; padding:0; } .pricing-grid.four-up > li { width: 100%; margin:15px 0px; padding:0; } /*form*/ .idz-appointment-container div.custom-form div.input, .idz-appointment-container div.custom-form div.input-button, .idz-appointment-container div.custom-form div.input-select{display:block;width:96%; } div.custom-form div.input{display:block; width:100%; margin-left:0} /*blog*/ .idz-blog-wrapper{width:265px} .idz-entry-icon{width:80px;} .idz-entry-icon i{font-size:30px;} .idz-entry-thumb{min-height:90px;} .idz-entry-video{min-height:100px;} .idz-entry-content-video{min-height:100px;} .idz-entry-title{font-size:18px; line-height:22px} .idz-entry-meta-date{width:100%; display:block; min-height:100%; text-align:left} .idz-entry-meta-date .date-d{font-size:14px; line-height:22px; display:inline-block} .idz-entry-meta-date .date-m{font-size:14px; display:inline-block; padding-left:10px} .idz-entry-header{width:100%; display:block;} ul.idz-social-share{float:none;} #commentform-wrap {width:100%;} #authorarea img{top:30px;} .idz-entry-content-audio, .idz-entry-content-link, .idz-entry-content-video, .idz-entry-content-media{margin-bottom:10px;} .avatar {width:24px;height:24px;} .comment-text {margin-left:30px;} #comments ol ul.children {margin:0px 0px 20px 20px;} /*portfolio*/ #pf-filter{padding-bottom:30px;} .pf-container li, .pf-related li{width:50% !important;} .pf-item-content h3{font-weight:400; font-size:12px;} .pf-item-content p{display:none;} /*team*/ .team-container ul li{width: 100% !important; float: left; padding: 0 15px; margin-bottom:20px;} /*client*/ .idz-client-slider h2{font-size:14px;} .idz-client-nav{top:0;} .idz-client-nav span{padding:0 4px; height:20px; line-height:20px;} /*testimonial*/ .testi-image{display:block; float:none; border:0} .testi-image img{display:block; margin:0 auto 10px auto;} /* single product */ body.single-product .idz-single-product-summary span.onsale, body.single-product.page-fullwidth .idz-single-product-summary span.onsale{ float:right; left:auto; right:0px; } body.single-product div.sale .idz-single-product-summary .idz-featuredbadge, body.single-product.page-fullwidth div.sale .idz-single-product-summary .idz-featuredbadge{ left:auto; right:0; float:right; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text{margin-left:30px;} .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{float:none; width:100%; margin-bottom:2em} /*widget*/ .widget_area{clear:both; padding-top:40px} /*footer*/ #footer .column{float:none; width:100% !important;} #toTop { width:35px; height:65px; font-size:12px; } }