@charset "utf-8";
/* CSS Document */

/*_____________LEFT SIDEBAR CSS START HERE____________*/
/*----------------------------------------------------*/

#sidebar{ min-height:700px;}
.left-search-box{ background:#4560B1; padding:30px 15px; margin-bottom:30px; border-radius:5px;}
.left-search-box h2{ font-size:22px; color:#fff; font-weight:500; padding:0; margin:0; padding-bottom:15px;}
.left-search-box input{ background:#fff; border:none; font-size:16px; padding:9px 15px; font-weight:400; border-radius:5px; width:100%; box-sizing:border-box; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);}
.left-search-box button{ width:43px; height:41px; border:solid 1px #ff9c00; background:#ffb028; border-radius:5px; position:relative; z-index:9; margin-top:-41px; float:right;}
.left-search-box button:hover{ background:#111; border:solid 1px #1A203A;}
.job-side-categories{ background:#f3f3f3; border-radius:5px; padding:0; list-style:none; margin:0;}
.job-side-categories h3{ font-size:20px; font-weight:700; color:#4560B1; padding:20px 15px 20px 15px; border-bottom:solid 1px #ddd; margin:0; }
.job-side-categories h3 span.left-categories-icon{ float:left; background:url(/main/assets/images/left-categories-icon.png) no-repeat center center; width:23px; height:16px; margin-right:20px; margin-top:5px;}
.job-side-categories h3 i{ float:right; background:url(/main/assets/images/category-arrow.png) no-repeat center center; width:21px; height:21px; margin-top:5px;}
.category-arrow{ width:21px; height:21px; background:url(/main/assets/images/category-arrow.png) no-repeat center center;}
.job-side-categories ul{ list-style:none; padding:10px 0; margin:0;}
.job-side-categories ul li{ display:block; padding:0 20px; margin:0;}
.job-side-categories ul li a{ color:#323232; font-size:16px; line-height:40px; display:block; font-weight:500;}
.job-side-categories ul li a span{ color:#4560B1;}
.job-side-categories ul li a:hover{ color:#1A203A;}
.job-side-categories .dropdown-menu{ border:none; background:#f5f5f5; box-shadow:none; position:relative; width:100%; border-radius:0 0 5px 5px; display:block; float:none;}
.left-sidebar{ position:relative;}
.left-sidebar .dropdown-menu{ display:block; padding:0; margin:0; border:none; box-shadow:none;}


/*---breadcrumb---*/
.breadcrumb-wrapper{ background:#f5f5f5; border-bottom:solid 1px #e5e5e5;}
.breadcrumb-wrapper .breadcrumb{ margin:0;}
.breadcrumb-wrapper .breadcrumb li a{ color:#757575;}
.breadcrumb-wrapper .breadcrumb li a:hover{ color:#4560B1;}
.breadcrumb-wrapper .breadcrumb > .active{ color:#151515;}
.search-in-mobile{ display:none;}



/*___________Mobile Responsive CSS Here________*/

@media (min-width:300px) and (max-width:767px) {
    #sidebar{ min-height:1px;}
    .breadcrumb-wrapper{ display:none;}
    .left-sidebar{ position:relative; margin:0 -15px;}
    .left-sidebar .dropdown-menu{ display:none;}
    .left-sidebar.open .dropdown-menu{ display:block; position:relative; margin-bottom:20px; box-shadow:5px 5px 5px #aaa;}
    .left-sidebar .dropdown-menu{ padding-top:0; margin:0 0; width:100%; border:none;}
    .search-in-mobile{ display:block; background:url(../images/categories-icon-header.png) no-repeat center left; position:absolute; top:-40px; overflow:hidden; text-indent:-999px; left:10px; width:25px; height:25px;}
    .left-sidebar.open .search-in-mobile{ background:url(../images/search-category-close.png) no-repeat center left; top:-36px; }
    .left-search-box{ border-radius:0; margin:0 0; padding:20px 15px;}
    .left-search-box h2 { display:none;}
    .job-categories{ border-radius:0; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .job-categories h3 span.left-categories-icon{ margin-left:5px;}
    .job-categories .dropdown-menu{ display:none;}
    .job-categories.open .dropdown-menu{display:block;}
    .job-categories h3{ padding:15px 0; font-size:22px;}
    .job-categories h3 span.left-categories-icon{ display:none;}
    .job-categories h3 i{ display:none;}
    .job-categories ul li{ padding:0;}
    .job-categories ul li a { font-size:15px; line-height:34px;}
	.job-side-categories h3 span.left-categories-icon{ display:none;}

}

/*___________Mobile Responsive CSS Here________*/

@media (min-width:768px) and (max-width:991px) {
    #sidebar{ min-height:1px;}
    .breadcrumb-wrapper{ display:none;}
    .left-sidebar{ position:relative; margin:0 -15px;}
    .left-sidebar .dropdown-menu{ display:none;}
    .left-sidebar.open .dropdown-menu{ display:block; position:relative; margin-bottom:20px; box-shadow:5px 5px 5px #aaa;}
    .left-sidebar .dropdown-menu{ padding-top:0; margin:0 0; width:100%; border:none;}
    .search-in-mobile{ display:block; background:url(../images/categories-icon-header.png) no-repeat center left; position:absolute; top:-54px; overflow:hidden; text-indent:-999px; left:10px; width:25px; height:25px;}
    .left-sidebar.open .search-in-mobile{ background:url(../images/search-category-close.png) no-repeat center left; top:-54px; }
    .left-search-box{ border-radius:0; margin:0 0; padding:20px 15px;}
    .left-search-box h2 { display:none;}
    .job-categories{ border-radius:0; margin-left:0; margin-right:0; padding-left:15px; padding-right:15px;}
    .job-categories h3 span.left-categories-icon{ margin-left:5px;}
    .job-categories .dropdown-menu{ display:none;}
    .job-categories.open .dropdown-menu{display:block;}
    .job-categories h3{ padding:15px 0; font-size:22px;}
    .job-categories h3 span.left-categories-icon{ display:none;}
    .job-categories h3 i{ display:none;}
    .job-categories ul li{ padding:0;}
    .job-categories ul li a { font-size:15px; line-height:34px;}

}

/*___________Landscape IPad Responsive CSS Here________*/

@media (min-width:992px) and (max-width:1199px) {

    .job-categories ul li a{ font-size:14px; line-height:30px;}
	.job-side-categories ul li{ padding-left:15px; padding-right:15px;}
	.job-side-categories ul li a { color:#323232; display:block; font-size:14px; font-weight:500; line-height:32px;} 

}