@media screen and (max-width: 1200px) {
    #navbar-top-1 {
        display: none;
    }
    .job-badge {
        float: left;
        width: 100%;
        padding-top: 5px;
    }
    .job-title .job-badge .job-contract-badge {
        margin-left: 0;
    }
    /*
    .job-type {
        margin: 0;
        margin-top: 10px;
    }
    */
    .job-location {
        display: inline-block; /*block*/
    }
    .home-form-1 {
        margin-top: -60px;
        width: 100%;
    }
    .job-features span:first-child {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.heading-title h2 {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
    .header-info {
        zoom: 85%;
    }
    .navbar-default .navbar-text {
        display: none;
    }
    .content-box {
        padding: 40px 0;
        border-right: none;
    }
    .login-box, .register-box {
        margin: auto 15%;
    }
    .navbar-brand {
        zoom: 70%;
        padding-top: 30px !important;
    }
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
	.fact-box-sm{
		margin-top: 60px !important
	}
    .job-image-list, .contact-image-list, .company-image-list {
        display: table-row;
    }
}

@media screen and (max-width: 992px) {
    .main-banner .form-group {
        margin-bottom: 10px;
    }
    .widget .widgettitle small {
        font-size: 13px;
    }
}

@media (min-width: 768px) {

    #testimonials {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .job-benefits li {
        width: 100%;
    }
	.popup {
		width: 70%;
	}
}

@media screen and (min-width: 768px){
	.navbar-nav.navbar-right:last-child {
		margin-right: 0; 
	}
    .nav-justified > li {
        display: inline-block !important;
        width: auto !important;
    }
    .nav-tabs.nav-justified > li > a {
        border-bottom: none;
        border-radius: 0;
        color: #fff;
        background-color: #7c4992;
        z-index: 100;
    }
    .nav-tabs > li > a:hover {
        border-color: transparent;
        color: #fff;
    }
    /*
    .nav-tabs.nav-justified {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;
        position: absolute;
        top: -47px;
        max-width: 800px;
    }
    */
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border: none;
        background: #94c565; 
    }
}

@media screen and (max-width: 767px){
	.topbar{
		position: static;
		width: 100%;
		left: 0;
		top: 0;
	}

	.topbar-nav{
		font-size: 12px;
		float: none;
		display: table;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.navbar{
		min-height: 80px;
	}

	.navbar-default.navbar-fixed-top{
		position: static;
		left: 0;
		top: 40px;
		margin-bottom: 0;
	}

    .navbar-toggle {
        background-color: #484848;
        border: none;
    }

    .signin, .signup, .signout, .submit-job {
        display: table-cell !important;
        float: left;
        margin-top: 0;
    }

	.navbar-default .navbar-toggle{
		margin-top: 22px;
	}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #d82460;
    }
    .header-middle .img-responsive {
        zoom: 80%;
    }

	.navbar-header{
		min-height: 80px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-default .navbar-nav > li > a{
		padding-top: 12px;
		padding-bottom: 12px; 
		padding-left: 15px;
	}

	.navbar-default .navbar-nav > .active > a::before{
		content: "";
		display: none;
		background: transparent;
	}

	.navbar-default .navbar-nav > .active > a::after{
		content: "";
		display: none;
	}

	.navbar-default .navbar-nav li.dropdown.open > a,
	.navbar-default .navbar-nav li.dropdown.open > a:hover{
		color: #fff;
		background-color: #d82460;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #d82460;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding-top: 12px;
		padding-bottom: 12px; 
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		background-color: #d82460; 
	}

	.dropdown-menu > li > a{
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 25px;
	}

	.signin,
	.signup{
		margin-top: 0;
	}

	.signup{
		margin-left: 0;
		background-color: transparent !important;
		color: #898ba2 !important;
	}

	.signup:hover,
	.signup:focus,
	.signup:active{
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
		background-color: #0f101a !important;
		color: #fff !important;
	}
	
	#header{
		width: 100%;
		min-height: 250px;
		height: auto;
	}

	#header.heading{
		padding-top: 30px;
	}

	#header .carousel-control > .glyphicon,
	#header .carousel-control > .fa{
		font-size: 16px;
		line-height: 50px;
	}

	#header .carousel-control.left,
	#header .carousel-control.right{
		margin-top: 25%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.carousel-control .icon-prev, 
	.carousel-control .fa,
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right{
		top: 25%;
	}

	#header .carousel-inner .item{
		min-height: 250px;
		height: auto;
		padding-top: 40px;
	}

	#header .carousel-inner .item .carousel-caption{
		background-color: rgba(255,255,255,.9);
		right: 15%;
		left: 15%;
		color: #6b6e80;
		text-shadow: none;
		text-align: left;
		padding: 25px;
	}

	.sidebar{
		margin-bottom: 20px;
		margin-top: 20px;
	}

	/*.blog-title,*/
	.blog-text,
	.blog-meta,
	.blog-paged,
	.blog-comment,
	.blog-comment-form{
		padding-left: 10%;
		padding-right: 10%; 
	}

	.blog-comment ul.comments ul{
		margin-left: 0;
	}

	#slider-job .carousel-control > .glyphicon, 
	#slider-job .carousel-control > .fa {
		font-size: 16px;
		line-height: 24px;
	}

	.copyright{
		text-align: center;
		position: relative;
		margin-top: 60px;
		padding: 40px 0;
		border-top: 1px solid #fff;
	}

	.copyright .scroltop{
		right: 15px;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-excerpt {
        display: none;
    }

    .author-info-social a {
        margin-bottom: 5px;
    }

    .tag-cloud a {
        margin-bottom: 5px;
    }

    .author-info-container {
        float: none;
        margin: 0 0 20px 0;
    }
    .header-info {
        width: 100%;
        border-bottom: 1px solid #eee;
        display: none;
    }
    .header-info:not(:last-of-type):after {
        content: none;
    }
    .navbar-default .navbar-text {
        padding-right: 15px;
        padding-left: 15px;
        line-height: 40px;
    }
    .page-template-template-box-right_sidebar .cmb-th {
        padding: 0 !important;
        padding-top: 12px !important;
        display: block;
        width: 100% !important;
    }
    .page-template-template-box-right_sidebar .cmb-td {
        width: 100% !important;
        padding: 0 !important;
    }
    .col-md-3 .job-container .job-content h3 a, .similar-jobs .job-container .job-content h3 a, .job-box-archive .col-md-4 .job-container .job-content h3 a {
        font-size: 22px;
    }
    .col-md-3 .job-attributes h4, .similar-jobs .job-attributes h4, .job-box-archive .col-md-4 .job-attributes h4 {
        font-size: 18px;
    }
    .col-md-3 .job-attributes, .col-md-3 .company-attributes, .col-md-3 .contact-attributes, .similar-jobs .job-attributes, .job-box-archive .col-md-4 .job-attributes {
        font-size: 16px;
    }
    .job-content-list, .contact-content-list, .company-content-list{
	    display: block;
    }
    .job-slider .carousel-inner .item figure figcaption .slider-details {
        display: none;
    }
    .content-box {
        padding: 40px 0 0;
        border-right: none;
    }
    .col-md-3 .job-btn, .similar-jobs .job-btn, .job-box-archive .col-md-4 .job-btn {
        padding: 10px 30px;        
        font-size: 16px;
        font-weight: 500;
    }
    #service {
        background-image: none !important;
    }
    .testimonial-box-3 {
        margin-top: 30px;
        text-align: center;
    }
    .sidebar .widget {
        padding: 0;
    }
    .login-box, .register-box {
        margin: auto 5%;
    }
    #navbar-top-1 {
        display: inherit !important;
    }

    .slide-text {
        padding: 10px 50px;
        top: 20%;
        width: 100%;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
    .bs-slider .button, .bs-slider input[type="submit"] {
        zoom: 60%;
    }
	.fact-box-xs{
		margin-top: 60px !important
	}
    #header.heading .page-title h2::after {
        content: none;
    }
    .main-banner fieldset .input-group {
        border-right: none;
        border-bottom: 1px solid #dde6ef !important;
    }
}

@media  (max-width: 600px) {
    .slide-text > p, .bs-slider .button, .bs-slider input[type="submit"] {
        display: none;
    }
}

@media screen and (max-width: 480px){
	.heading-title h2{
		padding: 10px 14px;
		font-size: 18px;
		line-height: 24px;
	}

	.job-image-list, .contact-image-list, .company-image-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.job-text, .contact-text, .company-text {
		position: relative;
		width: 100%;
		display: block;
		padding: 10px 15px;
		vertical-align: top;
	}

    .md-4 {
        width: 100% !important;
    }

	.testimony-image{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.testimony-content{
		display: block;
		margin-left: 0;
		text-align: center;
	}

	#testislider .carousel-control.left {
		z-index: 3;
		left: 15px;
		right: auto;
	}

	#testislider .carousel-control.right {
		z-index: 3;
		right: 15px;
		left: auto;
	}

	#subscribe h3{
		display: block;
		text-align: center;
	}

	#slider-job .carousel-indicators{
		display: none;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-title h2 {
        font-size: 18px;
    }
    .blog-header .blog-author {
        font-size: 13px;
    }

    .widget .widgettitle {
        font-size: 30px;
        line-height: 40px;
    }
    .slide-text {
        display: none;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .slide-text > a.button-icon { padding-left:38px; padding-right:15px; font-size: 10px; line-height: 10px;}
    .slide-text > a.button-icon .fa { padding-top:8px; width:27px; }
    .indicators-line > .carousel-indicators{
        display: none;
    }
    .col-md-12 .job-image-list, .col-md-12 .contact-image-list, .col-md-12 .company-image-list{
	    width: 100%;
        min-height: 220px;
    }
    .job-detail-info p {
        font-size: 13px;
    }
    .job-image-list, .contact-image-list, .company-image-list {
        width: 100%;
        display: table-row;
    }

}


@media (max-width: 1200px ) {
	#step-image{
		margin-bottom:0px;
		margin-top:0px;
		max-width:100%;
		height:0px;
		background-color:#d9dfe2;
		position:relative;
	}
	#step-image  div{
		display:block;
		position:static;
	}
	.step-by-container{
		min-width:80%;
		width:auto !important;
		margin:10px auto;
		background:#909090;
	}
	.step-by{
        margin-right: 2%;
        width: 46%;
        margin-left: 2%;
	}
	.step-by h5{
		font-size:18px;
	}
	
}


@media (max-width: 480px) {
    .step-by {
        margin: 10px auto;
        width: 100%;
    }

}