/*Index in mobile >> Modified by Aliaa Hosny*/

.level-top{

	cursor: pointer;

}

@media only screen and (max-width: 767px) and (min-width: 480px)

{

	#thmsoft-slideshow {

     margin-top: 0; 

}

.verticalCarousel-2{

	padding-top: 20px;

}

}

@media only screen and (max-width: 479px) and (min-width: 0px)

{

	#thmsoft-slideshow {

    margin-top:0;

    margin-bottom: 0;

}

.verticalCarousel-2{

	padding-top: 20px;

}

.category-button-area li a span{

	font-size: 9px;

}

}

/**/



.main-job-details li .thumb-holder img {

    border-radius: 50px;

    overflow: hidden;

    width: 100%;

    height: 100%;

}

.main-job-details li .thumb-holder{

    width: 24%;

}

/*Side nav style*/





@import url(http://weloveiconfonts.com/api/?family=entypo);



/* entypo */

[class*="entypo-"]:before {

   font-family: "entypo", sans-serif;

}

a { 

   text-decoration: none;

}

ul {

   list-style: none;

   margin: 0;

   padding: 0;

}



#sticky-social {

   left: 0;

   position: fixed;

   top: 150px;

       z-index: 111;

}

#sticky-social a {

   background: #333;

   color: #fff;

   display: block;

   height: 35px;

   font: 16px "Open Sans", sans-serif;

   line-height: 35px;

   position: relative;

   text-align: center;

   width: 35px;

}

#sticky-social a span {

   line-height: 35px;

   left: -120px;

   position: absolute;

   text-align:center;

   width:120px;

}

#sticky-social a:hover span {

   left: 100%;

}

#sticky-social a[class*="facebook"],

#sticky-social a[class*="facebook"]:hover,

#sticky-social a[class*="facebook"] span { background: #3b5998; }



#sticky-social a[class*="twitter"],

#sticky-social a[class*="twitter"]:hover,

#sticky-social a[class*="twitter"] span { background: #00aced; }



#sticky-social a[class*="gplus"],

#sticky-social a[class*="gplus"]:hover,

#sticky-social a[class*="gplus"] span { background: #dd4b39; }  



#sticky-social a[class*="linkedin"],

#sticky-social a[class*="linkedin"]:hover,

#sticky-social a[class*="linkedin"] span { background: #007bb6; }  



#sticky-social a[class*="instagrem"],

#sticky-social a[class*="instagrem"]:hover,

#sticky-social a[class*="instagrem"] span { background: #517fa4; }  



#sticky-social a[class*="stumbleupon"],

#sticky-social a[class*="stumbleupon"]:hover,

#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  



#sticky-social a[class*="pinterest"],

#sticky-social a[class*="pinterest"]:hover,

#sticky-social a[class*="pinterest"] span { background: #cc2127; }  



#sticky-social a[class*="flickr"],

#sticky-social a[class*="flickr"]:hover,

#sticky-social a[class*="flickr"] span { background: #ff0084; }  



#sticky-social a[class*="tumblr"],

#sticky-social a[class*="tumblr"]:hover,

#sticky-social a[class*="tumblr"] span { background: #32506d; }




.item-title h4{
   height: 55px;
   font-size: 14px;
}

.main-job-details li .thumb-holder { 
   height: 75px;
}


@media all and (min-width: 320px) and  (max-width:900px){
   .category-button-area li {
      width: 48%;
   }
   .jobs-details-sec li a { 
      padding: 5px; 
  }
  h6 {
     font-size: 13px;
  }
  .content-area {
   padding: 5px 0 !important;
}
.main-job-details li .thumb-holder {
   width: auto;
}
.main-job-details li .info-box { 
   width: 100%; 
}
.main-job-details li .info-box span { 
   margin: 0 2px;
}
.main-job-details li { 
   padding: 5px 5px;
}
.main-job-details li .thumb-holder {
   height: auto;
}
.search-form-area{
   display: none;
}

 }

@media all and (min-width: 220px) and  (max-width:319px){
   .category-button-area li {
      width: 100%;
   }
 }