﻿@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600italic);
body { margin:0; padding:0; background-color:#eee; font-family: 'Crimson Text', serif;}
.Main-div{ width:75%; display:block; margin:auto;  overflow:hidden; margin-top:45px; margin-bottom:40px; background-color:#fff; border:1px solid #c0c0c0; }
.Hader{ width:100%; height:110px; }
.Logo{ display:block; float:left; width:220px; margin-left:20px; margin-top:10px;}
.Logo-Image{ width:80%; }

.Add-Master-Top{ float:right; display:block; width:728px; height:90px; line-height:90px; margin-top:20px; margin-right:20px; background-color:#f8f8f8; overflow:hidden; }
.whatapp{font-family:Arial; font-size:18px; font-weight:bold; color:black; cursor:pointer; text-decoration:none;}
.whatapp:hover{background-color:Red;}
.Add-Master-Sside1{ margin:auto; display:block; width:336px; height:280px; line-height:280px;  margin-top:1px;   }
.All-Page-Add{ margin:auto; display:block; width:336px; height:280px; line-height:280px;  margin-top:1px;    }

.Master-Mobile-Page-Add{ display:none; }
.Content-All-Mobile-Add{ display:none; }

.but{ background-color: #4CAF50; /* Green */
  
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px 4px;
  margin-bottom:8px; margin-left:10px;
  cursor: pointer; border-radius: 12px; }
  .but:hover {
  background-color: #3e8e41;
}

.Menu-Box{ display:block; width:100%; height:50px; margin-top:20px; }
nav {float: right; height:57px; width:100%; }
#menu-icon {display:none;  }
nav ul {list-style: none;  margin-left:-40px; }
nav li {display: inline-block;float: left; background-color:#313538; margin-top:-16px; border-right:1px solid #fff; line-height:46px; color: #fff;text-decoration: none; font-size:18px; font-family:Arial; }
nav li a{color: #fff;text-decoration: none; font-family:Arial; padding:14.10px;  padding-left:24.42px;padding-right:25.54px;}
nav li a:hover{ background-color:#F3B65D; }
.Main-Left-Block{ width:65.50%; display:block; float:left; margin-top:10px;}
.Main-Right-Block{ width:33.80%; display:block; float:right; margin-top:10px; }
.Social-Share-Block{display:block; width:91%; margin:auto; margin-top:10px; padding:10px; overflow: hidden;}
.Social-Share-Image{ width:91%; padding:4px;  padding-right:10px; margin-left:10px; display:inline-block; border-right:1px solid #fff; }
.Social-Share-Image:hover { background-color: #3e8e41; }
.Footer{ float:left; margin-top:10px; width:100%; height:50px; background-color:#333333; font-family:Arial; font-size:14px; color:#fff; text-align:center; padding:30px; }
.Footer a { text-decoration:none; color:#fff; }
.Footer a : hover { color:#E41818;  }
.Main-All-Display-Block{ width:98%; display:block; padding:8px;}
.Category-Title-Hader{ display:block; padding:7px; width:98%; background-color:#e8e8e8;  font-size:20px; font-weight:bold; margin-top:-10px; color:#666666; border:1px solid #c0c0c0;}
.All-Page-Add-FB-Div{ width:100%; margin-left:2px; display:block; height:290px; margin-top:-5px;}
.gridviewblock{ width:100%; background-color:#f9f9f9; border:2px solid #666666; padding:5px; text-align:left; padding-left:15px;  font-size:14px; color:#333333; }
.gridhader{ background-color:#cccccc; height:45px;  color:red; text-align: center; font-size:16px;}
.gridtitle{ font-weight:bold; font-size:18px; width:50%; padding:1px; padding-bottom:12px; padding-top:12px; color: Black; text-decoration:none; }
.gridtitle:hover{ color:blue; }
.gridalmtr{ width:25%; padding:5px; font-size:16px; font-weight:bold; text-align: center; }


.gridtitles{ font-weight:bold; font-size:18px; width:50%; padding-bottom:12px; padding-top:12px; color:#3333ff; text-decoration:none; }
.gridtitles:hover{  color:#E41818;}
.gridalmtrs{ width:25%;  text-align:center; padding-top:12px; padding-bottom:12px; font-weight:bold;}

.cntrlstyl{ text-align:center; }
.Detailbutton{ color:#3333ff; font-weight:bold; text-decoration:none; }
.Detailbutton:hover{  color:#E41818;}
.GridPager a, .GridPager span{display: block;height: 15px;width: 15px;font-weight: bold;text-align: center;text-decoration: none;}
.GridPager a{background-color: #f5f5f5;color: #969696;border: 1px solid #969696;}
.GridPager span{background-color: #A1DCF2;color: #000;border: 1px solid #3AC0F2;}
.shareartice{text-decoration:none; width:100%; height:50px; margin-top:110px;}
.shareartice:hover{ color:Gray;}
.catdetailtitle{ float:left; width:99%; font-weight:bold; font-size:22px; color:#333333; margin-top:10px;}
.jobboxdate{ font-size:12px; color:#333333;}
.tagsmt{ font-size:12px; color:#333333; text-decoration:none;}.tagsmt:hover{ text-decoration:underline; }
.matter{ float:left; margin-top:14px; text-align:justify; font-size:18px; display:block; }
.belowlinkshdr{ float:left; margin-top:50px; font-size:14px; font-weight:bold; color:#0772B1;}
.catgrymainblockbelow{float:left; width:95%; margin-top:5px; padding:10px; border:1px solid #cccccc; }
.relatedlink{ font-family:Arial; font-size:14px; color:#666666; text-decoration:none;}.relatedlink:hover{color:#0772B1;}
.bludot{ width:5px; height:5px; background-color:#0094DE;}

.Facebook-Comment-Box{ width:600px; display:inline-block; background-color:#fff; margin-top:10px;  text-align:center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  }
.nodataclss{ float:left; margin-left:12px; width:90%; padding:18px; background-color:#FFF5CE; margin-top:18px;   font-family:Arial; font-size:12px; text-align:center; color:#333333; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.fbboxx{ width:280px; height:280px; float:right; background-color:#fff; border:1px solid #cccccc; margin-right:-7px; }
.fbboxtit{ width:97.20%; background-color:#F7F7F7; height:25px; line-height:25px; margin-bottom:10px; padding-left:8px; border:none; border-bottom:1px solid #cccccc; font-family:Arial; font-size:14px; font-weight:bold; color:#999999; }

.Booklink{ font-size:18px; font-weight:bold; color:#E41818; text-decoration:none;}
.Booklink:hover { color:#046fc2; }
.Home-Page-more-jobs{ float:right; margin-top:5px; display:block; margin-bottom:2px; text-decoration:none; font-family:Arial; font-size:16px; color:#0066ff;  }
.Home-Page-more-jobs:hover{ text-decoration:underline; }

#mtrb{width:314px; padding:10px; border:1px solid #cccccc; border-top:none; margin-top:-16px;}
.topjobsdisplaybox{width:336px; float:left; margin-top:5px;}
.topjobhdng{ font-family:Arial; font-size:16px; font-weight:bold; padding:10px; border:1px solid #cccccc; color:#333333;}
.homejoblist{ margin-top:-11px; font-weight:bold; font-weight:normal;font-family:Arial;font-size:14px;color:#333333;cursor:pointer;text-decoration:none;}
.homejoblist:hover{color:#676767;}

.Home-right-block-hader{ width:100%; border-bottom:1px solid #cccccc; padding-left:8px;  font-family: 'Karla', sans-serif; font-size:18px; font-weight:bold; line-height:35px; color:#18b683; }
.Home-right-block-matter{ margin-left:15px; font-family: 'Karla', sans-serif; }
.Label-list-keyword-block-desig{ display:inline-block; min-width:300px;}
.Label-list-keyword-dott-icon{ width:4px; height:4px; display:inline-block; background-color:#0066ff; border-radius: 50%; }

.likebox{ display:block; float:left; margin-top:20px; margin-left:3px; width:95%; border:1px solid #228B22; border-style: dashed;}
.belowlinkshdr{ float:left; font-size:18px; font-weight:bold; margin-left:10px; margin-top:10px; color:#0772B1;}
.whatstext{ font-size:22px; font-weight:bold; margin-top:7px; text-align:center;  margin-bottom:7px; color:#ef7b07; text-decoration:none;}
.whatstext:hover { opacity: 0.7; }
.Textbox{ display:block; float:left; margin-top:10px; margin-left:10px;  margin-bottom:10px; width:95%; border:1px solid #333333; }
@media screen and (min-width:60em) and (max-width:85em)
{
.Main-div{ width:93%; background-color:#fff; margin:auto; }
nav li a{color: #fff;text-decoration: none; font-family:Arial; padding:14.10px;  padding-left:23.00px;padding-right:25.54px;}
}

@media only screen and (min-width:30em) and ( max-width: 59.9999em ) /* 800 */
{

.Main-div{ width:100%; display:block; margin:auto;  overflow:hidden; margin-top:0px; margin-bottom:0px; background-color:#fff;}

.Main-All-Display-Block{ width:98%; display:block; padding:8px;}
#menu-icon {display: inline-block; margin-top:-70px;  float:right; margin-right:30px; width: 100px;height: 50px;background:url(http://www.jobssetup.com/Images/MMIcon.png) center;}
a:hover#menu-icon {background-color: #333333;border-radius: 4px 4px 0 0;}
nav{  background-color:#fff; height:1px; }
nav ul, nav:active ul {z-index:2000;  display: none;position: absolute;background: #333333;border-bottom: 3px solid #6699ff;top: 66px;width: 100%;border-radius: 4px 0 4px 4px;}
nav li {text-align: center;width: 100%;margin: 0; color:#fff; border-bottom:1px solid #cccccc;}
nav:hover ul {display: block;}

.Add-Master-Top{ display:none; }

.Master-Mobile-Page-Add{ margin:auto; display:block; margin-top:5px; margin-bottom:5px; width:336px; height:280px; margin-top:1px;}

.Content-All-Mobile-Add{ display:block; width:100%; margin-top:10px; margin-bottom:10px; overflow:hidden; }

.gridviewblock{ width:98%; background-color:#f9f9f9; border:2px solid #666666; padding:5px; text-align:left; padding-left:15px;  font-size:14px; color:#333333; }

.gridtitles{ font-weight:bold; width:50%; padding:7px; padding-bottom:12px; padding-top:12px; color:#79559f;  }
.gridalmtrs{ width:25%;  text-align:center; padding:5px; }

.gridtitle{ font-weight:bold; width:50%; padding:1px; padding-bottom:12px; padding-top:12px; font-size:18px; text-decoration:none; }
.gridtitle:hover{color:Blue;}
.gridalmtr{ width:25%; padding:5px; font-size:16px; font-weight:bold;}
.Footer{ float:left; margin-top:10px; width:88%; height:50px; background-color:#333333; font-family:Arial; font-size:14px; color:#fff; text-align:center; padding:30px; }
.Footer a { text-decoration:none; color:#fff; }
.Footer a : hover { color:#E41818;  }

.Main-Left-Block{ width:100%; display:block; float:left; margin-top:10px;}
.Main-Right-Block{ display:none; }
.All-Page-Add-FB-Div{ display:none; }
.shareartice{ display:none; }
.Facebook-Comment-Box{ width:95%; display:inline-block; background-color:#fff; margin-top:10px;  text-align:center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  }

}
@media screen and (min-width:25em) and (max-width:29.9999em)
{
	.Main-div{ width:100%; display:block; margin:auto;  overflow:hidden; margin-top:0px; margin-bottom:0px; background-color:#fff;}
.Main-All-Display-Block{ width:98%; display:block; padding:8px;}

#menu-icon {display: inline-block; margin-top:-70px;  float:right; margin-right:30px; width: 100px;height: 50px;background:url(http://www.jobssetup.com/Images/MMIcon.png) center;}
a:hover#menu-icon {background-color: #333333;border-radius: 4px 4px 0 0;}
nav{  background-color:#fff; height:1px; }
nav ul, nav:active ul {z-index:2000;  display: none;position: absolute;background: #333333;border-bottom: 3px solid #6699ff;top: 66px;width: 100%;border-radius: 4px 0 4px 4px;}
nav li {text-align: center;width: 100%;margin: 0; color:#fff; border-bottom:1px solid #cccccc;}
nav:hover ul {display: block;}

.Add-Master-Top{ display:none; }

.Master-Mobile-Page-Add{ margin:auto; display:block; margin-top:5px; margin-bottom:5px; width:336px; height:280px; margin-top:1px;}

.Content-All-Mobile-Add{ display:block; width:100%; margin-top:10px; margin-bottom:10px; overflow:hidden; }

.gridviewblock{ width:98%; background-color:#f9f9f9; border:2px solid #666666; padding:5px; text-align:left; padding-left:15px;  font-size:14px; color:#333333; }
 
.gridtitles{ font-weight:bold; width:50%;  padding:7px; padding-bottom:12px; padding-top:12px;   }
.gridalmtrs{ width:8%; padding:5px;  }
 
.matter{ float:left; margin-top:14px; text-align:justify; font-size:18px; display:block; }
.gridtitle{ font-weight:bold; width:50



%; padding:1px; padding-bottom:12px; padding-top:12px; font-size:18px; text-decoration:none; }
.gridtitle:hover{color:Blue;}
.gridalmtr{ width:25%; padding:5px; font-size:16px; font-weight:bold;  }
.Footer{ float:left; margin-top:10px; width:88%; height:50px; background-color:#333333; font-family:Arial; font-size:14px; color:#fff; text-align:center; padding:30px; }
.Footer a { text-decoration:none; color:#fff; }
.Footer a : hover { color:#E41818;  }
.Main-Left-Block{ width:100%; display:block; float:left; margin-top:10px;}
.Facebook-Comment-Box{ width:95%; display:inline-block; background-color:#fff; margin-top:10px;  text-align:center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  }
.Main-Right-Block{ display:none; }
.All-Page-Add-FB-Div{ display:none; }
.shareartice{ display:none; }

}

@media screen and (max-width:24.9999em)
{
	.Main-div{ width:100%; display:block; margin:auto;  overflow:hidden; margin-top:0px; margin-bottom:0px; background-color:#fff;}

.Main-All-Display-Block{ width:98%; display:block; padding:8px;}
#menu-icon {display: inline-block; margin-top:-70px;  float:right; margin-right:30px; width: 100px;height: 50px;background:url(http://www.jobssetup.com/Images/MMIcon.png) center;}
a:hover#menu-icon {background-color: #333333;border-radius: 4px 4px 0 0;}
nav{  background-color:#fff; height:1px; }
nav ul, nav:active ul {z-index:2000;  display: none;position: absolute;background: #333333;border-bottom: 3px solid #6699ff;top: 66px;width: 100%;border-radius: 4px 0 4px 4px;}
nav li {text-align: center;width: 100%;margin: 0; color:#fff; border-bottom:1px solid #cccccc;}
nav:hover ul {display: block;}

.Add-Master-Top{ display:none; }

.Master-Mobile-Page-Add{ margin:auto; display:block; margin-top:5px; margin-bottom:5px; width:336px; height:280px; margin-top:1px;}

.Content-All-Mobile-Add{ display:block; width:100%; margin-top:10px; margin-bottom:10px; overflow:hidden; }

.gridviewblock{ width:98%; background-color:#f9f9f9; border:2px solid #666666; padding:5px; text-align:left; padding-left:15px;  font-size:14px; color:#333333; }

.gridtitles{ font-weight:bold;  font-size:16px;  text-align:left; width:50%; padding:7px; padding-bottom:12px; padding-top:12px; }
.gridalmtrs{ width:8%; padding:5px; }
 
.matter{ float:left; margin-top:14px; text-align:justify; font-size:18px; display:block; }
.gridtitle{ font-weight:bold; width:50%; padding:1px; padding-bottom:12px; padding-top:12px; font-size:18px; text-decoration:none; }
.gridalmtr{ width:25%; padding:5px; font-size:16px; font-weight:bold; }
.Footer{ float:left; margin-top:10px; width:88%; height:50px; background-color:#333333; font-family:Arial; font-size:14px; color:#fff; text-align:center; padding:30px; }
.Footer a { text-decoration:none; color:#fff; }
.Footer a : hover { color:#E41818;  }
.Main-Left-Block{ width:100%; display:block; float:left; margin-top:10px;}
.Facebook-Comment-Box{ width:95%; display:inline-block; background-color:#fff; margin-top:10px;  text-align:center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;  }
.Main-Right-Block{ display:none; }
.All-Page-Add-FB-Div{ display:none; }
.shareartice{ display:none; }

}