#block-system-main {margin-top: -79px; -webkit-appearance:none}
.toolbar-drawer #block-system-main {margin-top: 0;}
.toolbar-drawer .main-container-wrapper #mini-panel-product_menu {background:#ccc;}
.main-container-wrapper #mini-panel-product_menu{background:transparent}
#mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {color: #333;}
#mini-panel-product_menu .content-wrap{border-bottom:none}
/*Menu Style*/

/*Banner Section*/
.banner-wrap{background-color:#103ea0}
.search-wrap{position:relative; max-width:720px; margin:0 auto; transition:0.5s ease}
.banner-wrap .search-wrap{padding:110px 0px 60px;}
.search-wrap .search-box{position:relative}
.search-box > p{display:flex}
.search-wrap input.search-field{display:block; border:none; outline:none; background:#fff; font-size:16px; height:50px; line-height:30px; color:#666; width:100%; padding:10px 10px 10px 50px; box-sizing:border-box; transition:0.5s ease}
.search-wrap input.search-field:focus{box-shadow:0 1px 10px rgba(0,0,0,0.4)}
.search-wrap input.search-icon{position:absolute; left:0; top:0; width:50px; box-sizing:border-box; height:50px; padding:10px; border:none; outline:none; }
.popular-search{margin:20px 0 0; text-align:center; text-overflow:ellipsis; color:#fff}
.popular-search a{color:#fff; text-decoration:underline; font-size:14px}
.search-wrap input.search-icon{background: url('/sites/default/files/help-new-sprite.png') 0 0 no-repeat; background-size:auto 50px; cursor:pointer}
/*Banner Section*/
h1 { text-align:center;}
.tab-search-results { margin: 0 auto; max-width: 980px;  position: relative; } 
.tab-search-results .src-input { color: #333; font-size: 17px; background: #fff url("https://www.zoho.com/creator/images/search-icon.png") no-repeat scroll 12px 14px / 2.5% 43.5%; height: auto !important; width: 90%; padding: 0.75em 2.7em !important; } 
.tab-search-results .srchbtn { background: #fff url("https://www.zoho.com/creator/images/search-icon.png") no-repeat scroll 6px 9px / 60% 50%; border: medium none; cursor: pointer; height: 40px; left: 55px; margin-left: 5px; padding: 5px 15px; position: absolute; top: 5px; display: none; } 
.src-input { border: 1px solid #d9d9d9; outline: none;/*box-shadow: inset 0 1px 2px rgba(0,0,0,.3);*/ }
.tab-search-results h1 {  color: #333;}
.search-result-wrap { margin: 40px auto; max-width: 980px;}
.search-result-wrap #customSearch script{display:block !important;}
#customSearch .bcs-container-searchbox{display:none;}
#customSearch p{ font-size: 14px;margin: 0;}
.bcs-caption-text, .bcs-caption-image{font-size: 14px;}
.banner-wrap {background: #f8f9fc;border-bottom: 1px solid #eceef2;}
#customSearch .bcs-searchbox-submit{width: 16px;height: 20px;}
#customSearch .bcs-searchbox{width: calc(100% - 70px);padding: 1px;}
.search-result-wrap{min-height: 300px;border-bottom: 1px solid #ddd;}
@media only screen and (max-width : 767px) {
#block-system-main .content-wrap{width:80%;}
#block-system-main {margin-top: 7px;} 
.main-container-wrapper #mini-panel-product_menu{background:#fff}
#mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a {color: #333;}
}