/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
* Modified by Vasterad
*/


/* Table of Contents
==================================================
    #Base (1180 Grid)
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
    
    
/* #Base (1180 Grid)
================================================== */

.container                                  {
   
}
    
    

/* #Dekstop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1289px) {
        .karmaMeter{
	    margin-bottom: 30px;
	    display: block;
	 }
	 .profileTabs ul.tabs-nav li{
		  width: auto;
	     }
	     .profileTabs ul.tabs-nav li{
	     width: 20%;
	     text-align: center;
	 }
    }
    @media only screen and (min-width: 1024px) {
       .alternative #navigation{
	  width: auto !important;
	  border-top: none !important;
	  margin:0 !important;
       }
        .myuserMenu{
	 float:right;
      }
     
      .userNoti div{
	 float:left;
      }
      .userNoti .userProfile{
	 margin-top: -20px;
      }
    }
    
   /* Myscren */
   
    
   @media only screen and (max-width: 767px) {
      
      
    }
    @media only screen and (max-width: 320px){
       .detailOther{
	  padding: 0 !important;
       }
       .home-page-container{
	  padding:12px !important;
       }
    }
    
    
    @media only screen and (min-width: 768px) {
    
      /* Profile page tabs */
      .profileTabs {
	margin: 30px 0;
	padding: 30px 15px;
      }

      .profileTabs .innerTab{
	  border: 1px solid #e0e0e0;
	  box-sizing: border-box;
      }
      .profileTabs .innerTab .innerNsetedTab {
	border-bottom: 1px #ca404a solid;
	padding: 20px;
      }
      .profileTabs .innerTab .innerNsetedTab:last-child{
	  border: none;
      }
      .innerNsetedTab .detailTab {
	display: inline-block;
      }
      .innerNsetedTab .detailImg,.profileTabs .detailImg {
	display: inline-block;
	width: auto;
	float: left
      }
      .innerNsetedTab .detailOther {
	display: inline-block;
      }
      .detailOther > span {
	padding: 20px;
      }
      .innerNsetedTab .detailOther .btn-success{
	  padding: 5px 18px;
	  font-weight: 100;
      }
      .profileTabs .tabs-nav li a{
	  font-weight: 100;
      }

    
    }
    
    
    
    
    
    
/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 990px) {
        
    }
/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
       .karmaMeter{
	  display:none;
       }
       .profileTabs ul.tabs-nav li{
	  width:100%;
       }
       .detailOther > span{
	  padding: 20px 20px 20px 2px;
       }
       .detailOther{
	  padding:0;
       }
	   .section-img1 .innerText p{
			padding-left: 0 !important;
		}
	   .section-img1 .innerText{
		   width:auto !important;
	   }
	   .section-second .section-img{
		   display:none !important;
	   }
	   .section-second .section-img1{
		   position:relative !important;
	   }
	   .section-img1 .innerText{
		   width:auto !important;
		   line-height:2 !important;
		   background:hsl(356, 57%, 52%) !important;
		   text-align:center !important;
	   }
       
    }
    @media only screen and (max-width: 990px) {
       .myuserMenu{
	  float:none !important;
       }
       .myuserMenu ul{
	  padding-left: 0 !important;
       }
       .navbar-right .dropdown-menu{
	  right: 0;
	  left:0 !important;
       } 
       .myuserMenu ul .user-menu ul.dropdown-menu,.myuserMenu ul.dropdown-menu{
	  top:220px !important;
	  max-width: 300px !important;
	  
       }
       .search-container.sc-jobs h2{
	    font-size: 37px !important; 
	 }
	 .wpb_raw_code.wpb_content_element p.sectionHeading{
	    font-size: 32px !important; 
	 }
    }
    @media only screen and (min-width: 601px) {
      
       
    }
    
    
   

/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
    }