@media screen and (min-width: 981px) {
#header .navigation li.menu-item-has-children:hover > .dropdown-menu, #header .navigation li.page_item_has_children:hover > .children { display: inline-block; margin-top: 0; opacity: 1; transition: all 0.3s ease-in-out; visibility: visible; }
}
@media screen and (max-width: 1170px) {
.container{width:100%;}
.jobs-listing.classic li .cs-text { width: 77%; }
.navigation .menu-item-has-children { padding-right: 5px; }
.nav-right-area { text-align: left; }
.cs-banner ul.main-banner li img, .image-frame.cs-img-frame img {width: 100%;}
}
@media screen and (max-width: 1024px) {
.user-account-nav{margin-bottom: 30px;}
.cs-banner ul.main-banner li .cs-text{ width:100%;}
.footer-top{ padding-left:75px;}
.has-bg-color{margin: 0 !important;padding:20px !important;}
.cs-simple .cs-icon-box.left{ margin:0 0 30px;}
.jobs-listing.classic li .cs-media{ margin-bottom:15px;}
.jobs-listing.classic li .cs-text .list-options{ margin:0; top:0px; right:0;}
.jobs-listing.modern  li .cs-media{ margin-bottom:15px;}
.jobs-listing.modern  li .cs-text{ width:77%;}
.employer-listing.simple ul li .cs-text{width:82%;}
.jobs-listing.modern  li .cs-text .list-options{ margin:0; top:7px; right:0;}
.jobs-listing.grid li {display: inline-block;float: none;margin: 0 -4px 0 0;vertical-align: top;}
.jobs-content .cs-media img{ width:100%;}
.widget.author-info .img-holder img{ width:100%;}
.jobs-listing.grid{ height:auto !important;}
.jobs-info .media img{ width:100%;}
.jobs-info .media{ margin-bottom:20px;}
.jobs-detail.detail-3 .jobs-info .media{text-align: center;}
.input-filed figure img{ width:100%;}
.employer-listing ul li .cs-media{ margin-bottom:20px;} 
.employer-listing .employer-box .cs-text{ width:100%;}
.user-dashboard .upload-photo .page-wrap{ margin-bottom:10px;}
.resume-list li figure{ margin-bottom:20px;}
.jobs-listing.simple-list li .cs-text{width:83%;}
.employer-listing.alphabatic .employer-box .cs-text{width:58%;}
.user-dashboard .post-steps li:last-child{width: 45%;}
.user-dashboard .post-steps li{width: 45%;}
.employer-detail .admin-info .cs-text{width:53%;}
.employer-detail .admin-info .job-post{width:18%;}
.resume-list li .cs-text{width:57%;margin-bottom:15px;}
.resume-list li .download-sec{width: 25%;}
.cs-candidate-detail .recaptcha-reload a img{ width: 100%;}
.user-dashboard .shortlisted-jobs li .cs-text{width:85%;}
.cs-counter.simple ul.dashboard-list li {margin-bottom:30px;}
.user-dashboard .upload-photo .upload-btn-div{width: 66%;}
ul.jobs-listing.joblist-fancy li .cs-text{width: 80%;}
.user-search-filter ul li a{font-size: 10px;}
.employer-listing .employer-box{width: 90%;}
.cs-profile-contact-detail{margin-bottom: 20px;}
}
@media screen and (max-width: 980px) {
.slicknav_menu { display: block; }
.cs-candidate-detail .cs-profile .cs-media {margin-bottom: 30px; }
.cs-candidate-detail .cs-profile .user-info {margin-bottom: 30px; }
.cs-candidate-detail .cs-profile .post-options{ width: 100%; }
header .logo { position: relative; z-index: 3; }
.navbar { position: relative; }
.nav-right-area { position: absolute; top: 0; z-index: 2; width: 100%; height: 100%; left: 0; }
 div.cs-login-area { display: block !important; position: absolute; top: 20px; right: 60px;}
.slicknav_nav > li.cs-login-area { display: none; }
.slicknav_btn { float: right; margin: 15px 10px 15px 0; border-radius: 2px; }
.slicknav_nav > li { display: block; padding: 0 10px; }
.slicknav_nav .dropdown-menu { position: relative; top: 0; left: 0; z-index: 1000; display: none; float: none; min-width: 100%; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none;-webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: none; box-shadow: none; margin: 0; }
}
@media screen and (max-width: 768px) {
.price-packege .price-holder{margin-bottom: 30px;}
.employer-listing.alphabatic .employer-box .cs-text{width: 50%;}
.navigation{ display:none;}
.nav-right-area{ width:100%;}
#footer .widget-newsletter .fieldset form{ margin-bottom:20px;}
.footer-top{ padding-left:0;}
.cs-company-listing .cs-top-recruiters .cs-media figure img{ width:100%;}
ul.jobs-listing.joblist-fancy .jobtype-btn{ bottom:30px; right:-22%;}
.main-search .select-location input[type="text"]{ margin-bottom:20px;}
.has-bgcolor .search-input label, .has-bgcolor .search-btn label, .has-bgcolor .select-dropdown label, .has-bgcolor .select-location label{ padding-bottom:16px;}
.jobs-listing.modern .cs-media{margin-bottom:20px;}
.cs-counter.simple ul.dashboard-list li{width:48%;}
.blog-medium .cs-media{ margin-bottom:20px;}
.cs-profile-contact-detail .profile-contact-btn input[type="submit"]{ margin-bottom:20px;}
.leftaction .callToaction.text-left .acc-submit{ position:inherit;}
.leftaction .callToaction.text-left .cs-text{ margin-bottom:20px;}
/*.jobs-info .media img{ width: auto;}*/
.employer-detail .admin-info .cs-media{ margin-bottom:20px;}
.cs-copyright .back-to-top a{margin:-30px 0 0;}
.user-dashboard .post-steps li:last-child{width: 100%;}
.user-dashboard .post-steps li{width:100%;}
.cs-candidate-detail .candidate-custom-nav{width: 100%;}
ul.cs-pricetable.fancy .pricetable-holder.active{margin:0 0 30px;}
.jobs-detail.detail-4 .jobs-info .apply-buttons{float: left;}
.resume-list li .cs-text{width: 55%;}
}
@media screen and (max-width: 736px) {
.jobs-listing.modern li .cs-text .list-options {top:0px; }
}
@media only screen and (max-width: 767px) {
ul.cs-clinets-logo li{width:48%;}
.resume-list li .cs-text{width: 50%;}
.resume-list li .download-sec{width: 29%;}
.cs-copyright-area{text-align:center;}
.footer-logo, .footer-links{display:block;margin:0 0 20px;}
.cs-copyright .back-to-top a{float:none;margin:0;}
.employer-detail .admin-info .cs-text{margin-bottom:15px;}
.blog-medium .cs-media ~ .blog-text{ width:100%;}
.jobs-listing.simple-list li .cs-text{width:80%;}
.jobs-listing.modern  li .cs-text{width: 74%;}
.jobs-listing.modern li .cs-text .list-options{position: inherit; margin-top: 10px;}
.user-dashboard .transaction-holder, .user-dashboard.dashboard-responsive, .user-dashboard .user-holder .dashboard-content, .user-account-holder.dashboard-responsive {width: 100%; overflow-x: scroll; padding-bottom: 30px;}
.user-dashboard .transaction-holder .transaction-list, .user-dashboard.dashboard-responsive .Jobs-managment, .user-dashboard .user-holder .content-list, .user-dashboard .user-holder .shortlisted-jobs, .user-dashboard .user-holder .shortlisted-jobs, .user-account-holder.dashboard-responsive .user-dashboard{width: 700px;}
.user-dashboard .user-holder .dashboard-content{margin-bottom: 30px;}
}
@media screen and (max-width: 640px) {
.cs-blog-detail .cs-share a{font-size: 12px;}
.jobs-detail.detail-3 .jobs-info .media{width: 100%;}
.jobs-detail.detail-3 .jobs-info .text, .jobs-detail.detail-3 .social-media{width: 100%;}
.cs-candidate-list .cs-media{margin-bottom:20px;}
.cs-candidate-detail .cs-profile .user-info{width:100%;}
.jobs-listing.modern li .cs-text .list-options{position: relative;}
.jobs-detail.detail-3 .social-media{display:block;text-align:left;}
.jobs-detail.detail-3 .post-options li{display:block;}
.jobs-listing.modern  li .cs-text{width:70%;}
.jobs-listing.simple-list li .cs-text{width:78%;}
.jobs-listing.simple-list li .cs-text .list-options{margin:0;}
.dashboard-responsive{width:999px; }
.dashboard-responsive .user-dashboard{overflow: hidden;overflow-x:scroll;}
.employer-listing.simple ul li .cs-text{width: 78%;}
.employer-listing.alphabatic .employer-box .cs-text{width: 48%;}
.resume-list li .cs-text{width: 100%;}
.resume-list li .download-sec{width: 80%;}
}
@media screen and (max-width:480px) {
.search-results .cs-search-area{width: 100%;}
.cs-search-results .cs-relevant-link{width: 100%;}
.cs-blog-detail .tags, .cs-blog-detail .cs-share-detail{width: 100%;}
.cs-blog-detail .cs-share-detail, .cs-blog-detail .cs-social-share{float: left;}
.employer-listing .employer-box{width: 100%;}
.employer-listing.alphabatic .employer-box .cs-text{width:100%;margin-bottom:15px;}
.employer-listing.simple ul li .cs-text{width: 100%;}
.jobs-detail .jobs-info h2{font-size: 20px;}
.jobs-detail.map-view .jobs-info .apply-btn{margin-bottom: 10px;}
.jobs-detail ul.company-jobs li .text span{display: inline-block; margin-bottom: 8px;}
.jobs-detail.detail-4 .post-options li:first-child{margin-bottom: 5px;}
.filter-heading .cs-sort-sec > li{width: 100%;  margin-left: 0px;}
.cs-sort-sec li .cs-select-holder{float: left; width: 100%;}
.chosen-container{ margin-bottom:20px;}
.jobs-listing.simple-list li .cs-media{margin-bottom: 15px;}
.jobs-detail .apply-buttons a.add-wishlist{ margin-bottom:10px;}
/* .jobs-detail ul.company-jobs li{ padding:30px 0;} */
.jobs-detail .apply-buttons .btn-linkedin{ margin-bottom:10px;}
.jobs-detail .apply-buttons .btn-apply{ margin-bottom:10px;}
.cs-candidate-list .cs-media{ margin-bottom:20px;}
.cs-counter.simple ul.dashboard-list li {width: 100%;margin-left: 30px;}
.cs-blog .cs-author, .cs-blog-detail .cs-author{ float:none;}
.blog-large .post-option, .cs-blog.blog-medium .post-option{ float:none; margin-bottom:10px;}
.cs-blog .post-option span a, .cs-blog-detail .post-option span a{ margin-left:0;}
#comment ul li ul.children{ margin:0;}
.page-not-found { padding:0 40px;}
.page-not-found .cs-404-text img{ width:100%;} 
.page-not-found .cs-content404 .cs-search-area{ width:100%;}
.jobs-detail.detail-3 .social-media > span{margin: 0 40px 7px 0px;}
.post-options{ margin-bottom:20px;}
.transaction-list li .package-id{ width:100%;}
.transaction-list li .status{ width:100%;}
ul.cs-clinets-logo{text-align:left;}
ul.cs-clinets-logo li{width:48%;}
.jobs-listing.simple-list li .cs-text .list-options{top:17%;}
.filter-heading .cs-sort-sec{float:none;}
.filter-heading > h5{margin-bottom:15px;}
.employer-listing.simple ul li .cs-text .job-post{width:100%; float: left; text-align: left;}
.employer-listing.simple ul li .cs-text .cs-specialism{padding-left:0;}
.employer-listing.simple ul li .cs-text .cs-post-title{width:65%; margin-bottom: 15px;}
.employer-listing.alphabatic .employer-box .cs-text{width:100%;margin-bottom:15px;}
.company-jobs ul li .cs-text .jobs-type{float:none;}
.employer-detail .admin-info .cs-text{width:64%;}
.resume-list li .cs-text{width:100%;}
.cs-candidate-detail .user-social-links ul{margin:0 10px 15px 0;}
.user-dashboard .shortlisted-jobs li .cs-text{width:75%;}
.user-dashboard .shortlisted-jobs li .cs-text .company-date-option{width:25%;}
.cs-candidate-detail .cs-education-list > ul{padding-left: 0;}
.user-dashboard .upload-photo .upload-btn-div{width: 100%;}
.jobs-detail.detail-4 .company-info .text{padding-left:25px;margin-bottom:20px;overflow:visible;}
.jobs-listing.modern  li .cs-text{width:100%;}
.jobs-listing.simple-list li .cs-text{width:100%;padding:0px}
.jobs-listing.simple-list li .cs-text .list-options{position: inherit;margin:0;}
.jobs-detail ul.company-jobs li .categories{float:none;}
.jobs-detail.detail-4 ul.company-jobs li .text span a{margin-bottom: 5px; display: inline-block;}
.jobs-detail.detail-4 .jobs-info .apply-buttons{float:left;}
.jobs-detail.detail-4 .post-options li{margin-bottom: 5px;}
.resume-list li .download-sec{width: 70%;}
/* .user-dashboard{overflow:hidden;overflow-x:scroll;}
.user-dashboard{width:999px;} */
.Jobs-managment .job-text .control-list{margin-right:20px;}
}
@media screen and (max-width: 375px) {
.employer-detail .admin-info .cs-text { width: 100%; }
.jobs-listing.modern li .cs-text .list-options{right:0;}
}
@media screen and (max-width: 360px) {
div.cs-login-area{right: auto; left: 0px;}
.slicknav_btn{float: right; margin-right: 0px;}
.nav-right-area{position: relative;}
.jobs-listing.classic li .cs-text .list-options { margin: 0; top: 0px; right: -50px; }
.employer-detail .admin-info .cs-text {width:100%;}
.user-account{margin-left: 0px;}
}
@media screen and (max-width: 320px) {
.cs-banner ul.main-banner li .cs-text { top: 10%; }
.page-not-found .cs-404-text img { width: 100%; }
.resume-list li .cs-text { width: 100%; }
.transaction-list li .amount { width: 100%; }
.Jobs-managment .managment-list li .post-title h6 a span { margin-bottom: 5px; }
}