@import url('bootstrap.css'); 
@import url('bootstrap-theme.css'); 
@import url('font-awesome.min.css'); 
@import url('jasny-bootstrap.css'); 
@import url('animate.css');
@import url('star-rating.min.css');
@import url('jquery.fancybox.css'); 

/*carousel fade custom for boostrap*/
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}.carousel-fade .carousel-control {z-index: 2;}

ol, ul {margin: 0;padding: 0;list-style: none;}
.show-bullets ul{list-style:disc;margin-bottom:15px;}
.show-bullets ul li{margin-left:15px;padding-bottom:6px;}
h1 {font-size: 36px;color: #432580 ;font-family: Opensans-Bold;padding-bottom: 30px;  text-transform: initial; }
h2 {font-size:24px;font-family: Opensans-Semibold;color: #2e363a; padding-bottom: 15px;  text-transform: uppercase;}
h3 {font-size:20px;color: #2e363a;font-family: OpenSans-Semibold;padding-bottom: 15px;}
h4 {font-size:16px;color: #585865;font-family: OpenSans-Semibold;padding-bottom: 15px;}
h5 {font-size:14px;color: #2e363a ;font-family: OpenSans-Regular;padding-bottom: 15px; text-transform: uppercase;}
h6 {font-size:14px;color: #1d2022;font-family: OpenSans-Regular; padding-bottom: 15px}
p { padding-bottom: 20px; margin: 0; line-height:22px;}
body {font-size:16px; font-family: 'OpenSans-Regular';color: #585865;background: #fff}
a {cursor:pointer;text-decoration:none !important;color: #442580;}
a:hover {opacity: 1; color: #6a3cc2; text-decoration: none!important;}
a:focus { outline: none !important; }

.form-control{ border-radius: 5px!important;}
.form-control::-moz-placeholder {color: #000000;font-size:14px}
.form-control:-ms-input-placeholder {color: #333333;font-size:14px}
.form-control::-webkit-input-placeholder {color: #333333;font-size:14px}

@font-face {font-family: 'OpenSans-Bold';src: url('/Frontend/Fonts/specific/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Bold.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Bold.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Bold.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Light';src: url('/Frontend/Fonts/specific/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Light.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Light.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Light.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Regular';src: url('/Frontend/Fonts/specific/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Regular.woff') format('woff'),  url('/Frontend/Fonts/specific/OpenSans-Regular.ttf')  format('truetype'), url('/Frontend/Fonts/specific/OpenSans-Regular.svg#svgFontName')}
@font-face {font-family: 'OpenSans-Semibold';src: url('/Frontend/Fonts/specific/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/OpenSans-Semibold.woff') format('woff'), url('/Frontend/Fonts/specific/OpenSans-Semibold.ttf')  format('truetype'),url('/Frontend/Fonts/specific/OpenSans-Semibold.svg#svgFontName')}
@font-face {font-family: 'DroidSerif-Regular';src: url('/Frontend/Fonts/specific/DroidSerif-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/DroidSerif-Regular.woff') format('woff'), url('/Frontend/Fonts/specific/DroidSerif-Regular.ttf')  format('truetype'),url('/Frontend/Fonts/specific/DroidSerif-Regular.svg#svgFontName')}
@font-face {font-family: 'Ruda-Black';src: url('/Frontend/Fonts/specific/Ruda-Black.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/Ruda-Black.woff') format('woff'), url('/Frontend/Fonts/specific/Ruda-Black.ttf')  format('truetype'),url('/Frontend/Fonts/specific/Ruda-Black.svg#svgFontName')}
@font-face {font-family: 'Ruda-Regular';src: url('/Frontend/Fonts/specific/Ruda-Regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/specific/Ruda-Regular.woff') format('woff'), url('/Frontend/Fonts/specific/Ruda-Regular.ttf')  format('truetype'),url('/Frontend/Fonts/specific/Ruda-Regular.svg#svgFontName')}
@font-face {font-family: 'Miso-Regular';src: url('/Frontend/Fonts/miso/miso-regular.eot?#iefix') format('embedded-opentype'), url('/Frontend/Fonts/miso/miso-regular.woff') format('woff'), url('/Frontend/Fonts/miso/miso-regular.ttf')  format('truetype'),url('/Frontend/Fonts/miso/miso-regular.svg#svgFontName')}

/*bootstrap customization*/
.row {margin-left: -15px;margin-right: -15px;}
.nav > li > a {padding-left: 33px;padding-right: 33px;color: #fff;padding-bottom: 10px;padding-top: 10px;}
h1, .h1 ,h2, .h2,h3, .h3,h4, .h4, h5, .h5, h6, .h6 {margin-top:0px;margin-bottom:0px;}
.form-control {height:35px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;padding-top: 2px;background: #fff;border-radius: 0px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left: 0px;margin-right: 0px;}

/*Destop css*/
.container {width:960px !important;padding-left:0px;padding-right:0px;}
.social ul li a:hover{opacity: 0.7}
textarea { min-height: 100px;}
.mobile{display: none!important}
.menu-active a{color: #4f259e!important;text-decoration: none !important; }
.bold{ font-weight: bold; font-family: OpenSans-Bold}
.text-danger{color: red!important}
.colorcfcfcf{color: #cfcfcf!important}
.color585865{color: #585865!important}
/*button*/
.button-default{color: white; border-radius: 5px;background-color: #432580    ;font-size: 14px;float: left;width: auto;text-align: center;padding-left: 15px;padding-right: 15px; padding-top:5px;padding-bottom: 5px; margin-bottom: 10px;text-decoration: none !important; font-family: OpenSans-Bold}
.button-default:hover,.button-default:focus{ text-decoration: none !important;color: white !important;background-color: #6a3cc2}
.btn-back{color: white; border-radius: 5px;background-color: #b0b0b0;font-size: 14px;float: left;width: auto;text-align: center;padding-left: 15px;padding-right: 15px; padding-top:5px;padding-bottom: 5px; margin-bottom: 10px;text-decoration: none !important; font-family: OpenSans-Bold}
.btn-back:hover{ text-decoration: none !important;opacity: 0.7;color: white}
.header .navbar-header {position:absolute;z-index: 99;right: 10px;top: 40px;}
.header .navbar-header .collapsed {background:none}

/*header*/
.header {background:#ffffff;position: relative;padding-bottom: 15px;height: 170px}
.header .social{ height: 43px;border-bottom: 1px solid #f8f8f8; }
.header .social .container{ position: relative}
.header .social ul.phone {font-family: OpenSans-Bold;font-size: 14px;margin-top: 12px;float:right}
.header .social ul.phone li a {color: #deb407}
.header .social ul.phone li a i { padding-right: 5px;}
.header .social ul.socialLink {font-family: OpenSans-Bold;font-size: 14px;margin-top: 12px;float:right}
.header .social ul.socialLink li {float: left; height: 25px;padding-left: 7px;padding-right: 7px;}
.header .social ul.socialLink li a i { padding-right: 5px;}
.header .social ul.socialLink li a { display: block; text-decoration: none!important }
.header .social ul.socialLink li .in{height: 24px;width: 24px;background:url(/Frontend/Images/social.png) no-repeat 0px 0px;}
.header .social ul.socialLink li .facebook{height: 24px;width: 24px;background:url(/Frontend/Images/social.png) no-repeat -31px 0px;}
.header .social .search .search-content{ width: 260px;top: 33PX;right: 83px;position: absolute;padding-top: 10px;background-color: transparent;z-index: 9999999;}
.header .social .search .search-content .search-job{overflow: auto; padding: 15px;padding-bottom: 10PX; background-color: #deb307;border-bottom-left-radius: 5px!important; border-bottom-right-radius: 5px!important}
.header .social .search .search-content .form-control{ margin-bottom: 15px;}
.header .social .search .search-content a.button-default{ float: right;color: white; background-color: #432580!important}
.header .social .search .search-content a.button-default:hover{opacity: 0.8}
.header .social .navbar-header {position:absolute;right:0px;top:0px;z-index: 9999;height: 60px;}/*background: #2c3138*/
.header .social .navbar-header .navbar-toggle { margin-right: 0px;background: #3c7fe4;padding-top: 0px;border-radius: 0px;margin-top: 0px;height: 100%;}
.header .social .navbar-header .collapsed {background:none}
.header .menu-header .col-md-3 .logo {float:left;margin-top:20px;}
.header .menu-header .col-md-3 .logo:hover {opacity: 0.7;}
.header-navbar a{text-transform:uppercase;}
.header .menu-header .col-md-9 .header-navbar .navbar {margin-bottom: 0; margin-left: 10px; margin-top: 10px;}
.header .menu-header .col-md-9 .header-navbar ul{ min-height:35px;float: right;margin-right: 0px;margin-top: 55px}
.header .menu-header .col-md-9 .header-navbar ul li {float: left;padding-bottom: 5px;padding: 5px 5px;margin-left: 0px}
.header .menu-header .col-md-9 .header-navbar ul li a{color: #4e4e58;font-family: OpenSans-Bold; margin-left :5px;margin-right: 5px;text-align: center;font-size: 14px}
.header .menu-header .col-md-9 .header-navbar ul li a:hover{opacity: 1}
.header .menu-header .col-md-9 .header-navbar ul li i { width: 15px;height: 16px;float: right;display: none;margin-top: 5px}
.header .menu-header .col-md-9 .header-navbar ul li:hover a{ color: #4f259e!important;text-decoration: none !important;}
.header .menu-header .col-md-9 .header-navbar ul li:hover ul li a{ color: white!important;text-decoration: none !important; background-color: transparent}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu{ top:-10px; left:10px; background-color:#552b90;padding:0px;min-width: 250px;z-index: 999;border: none; border-radius:0px}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li {border-bottom :solid 1px; border-bottom-color:#8d59e4;width: 100%;padding: 0px;margin-left: 0px;} 
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li:hover {background-color: #8d59e4;cursor:pointer; color: white} 
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a{ padding-right:22px; padding-bottom:10px;padding-top:10px;font-family: OpenSans-Regular; font-size:14px; margin-left:0px; color:white!important; text-align:left; width: 100%}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li:hover a{ color:white!important}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a:hover{ color:white!important}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu .left-minus-sign{ display:none}
.header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a:hover{border-bottom:none;border-radius:0px; box-shadow:none; background:none;}
.header .menu-header .col-md-9 .header-navbar .navbar-collapse { padding-left: 0px;padding-right: 0px;padding-top: 0px;}

/*banner*/
.home-banner {height:430px;position: relative}
.home-banner .carousel .carousel-inner .item img{height:430px !important; width:100%}
.home-banner .carousel .carousel-inner .item .carousel-caption{width: 100%;height: 430px; left: 0px!important;right: auto!important;top: 0px!important;padding: 0px;padding-top: 150px; }
.home-banner .carousel .carousel-inner .item .carousel-caption h1{ color: white;font-family: Opensans-Bold;text-transform: lowercase}
.staff-profile-item{min-height:360px;}
.home-banner .search-home { position: absolute;left: 0px;bottom: 0px;height:80px;width: 100%;z-index: 9999;}
.home-banner .search-home .search-content{ width: 100%;bottom:0px;padding: 20px 15px;background :#552b90;overflow: auto}
.home-banner .search-home .search-content ul{ width: 100%;display: block;}
.home-banner .search-home .search-content ul li{ float: left;padding-left: 15px;padding-right: 15px}
.home-banner .search-home .search-content ul li .form-control{ font-family: Opensans-Bold;color: white;background-color: #7961AE;border-color: #7961AE;height: 40px;}
.home-banner .search-home .search-content ul li .form-control::-moz-placeholder {color: white!important;font-size:14px}
.home-banner .search-home .search-content ul li .form-control:-ms-input-placeholder {color: white;font-size:14px}
.home-banner .search-home .search-content ul li .form-control::-webkit-input-placeholder {color: white;font-size:14px}
.home-banner .search-home .search-content ul .keyword{ width: 27%}
.home-banner .search-home .search-content ul .classification{ width: 27%}
.home-banner .search-home .search-content ul .location{ width: 27%}
.home-banner .search-home .search-content ul .btn-search-home{ width: 19%}
.home-banner .search-home .search-content a.button-default{ float: right;color: #552b90;background-color: white !important;padding: 10px;margin-bottom: 0px;width: 100%;text-transform: uppercase}
.home-banner .search-home .search-content a.button-default:hover{ opacity: 0.9;color: #552b90!important;background-color: white!important}

.inner-banner{ height: 260px; }
.about-us-banner{ background: url('/Frontend/Images/about-us-banner.png') no-repeat center center;background-size: cover}
.job-seekers-banner{ background: url('/Frontend/Images/job-seeker-banner.png') no-repeat center center;background-size: cover}
.employer-banner{ background: url('/Frontend/Images/employer-banner.png') no-repeat center center;background-size: cover}
.contact-banner{ background: url('/Frontend/Images/contact-banner.png') no-repeat center center;background-size: cover}

.inner-title{ background-color: #442580;padding-top: 20px;padding-bottom: 20px;}
.inner-title h1{ color: white;padding-bottom: 0px}
.inner-title p{ color: white;padding-bottom: 0px;padding-top: 10px;line-height: 26px;}
.inner-title ul{ float: right;display: block;margin-top: 20px;}
.inner-title ul li{ float: left;padding-left: 5px;padding-right: 5px;color: white;}
.inner-title ul li:last-child{ padding-right: 0px;}
.inner-title ul li a{ color: white;}
.inner-title ul li a:hover{ color: black;}
.inner-title ul li a.a-active{ color: black;}

/*home*/
.home-link h3{ font-size: 20px;color: #595965; font-family: Opensans-Semibold;text-align: center;line-height: 32px;margin-bottom: 20px;padding-left: 30px;padding-right: 30px;}
.home-link .col-md-3 {text-align: center}
.home-link .col-md-3 a .image{ display: block;height: 160px;width: 160px;margin: auto;margin-bottom: 10px}
.home-link .col-md-3 a .resume{ background: url('/Frontend/Images/home-link.png') no-repeat 0px 0px;}
.home-link .col-md-3 a:hover .resume{ background: url('/Frontend/Images/home-link.png') no-repeat -177px 0px;}
.home-link .col-md-3 a .vacancies{ background: url('/Frontend/Images/home-link.png') no-repeat -354px 0px;}
.home-link .col-md-3 a:hover .vacancies{ background: url('/Frontend/Images/home-link.png') no-repeat -533px 0px;}
.home-link .col-md-3 a .vacancy{ background: url('/Frontend/Images/home-link.png') no-repeat -722px 0px;}
.home-link .col-md-3 a:hover .vacancy{ background: url('/Frontend/Images/home-link.png') no-repeat -911px 0px;}
.home-link .col-md-3 a .blog{ background: url('/Frontend/Images/home-link.png') no-repeat -1096px 0px;}
.home-link .col-md-3 a:hover .blog{ background: url('/Frontend/Images/home-link.png') no-repeat -1282px 0px;}
.home-link .col-md-3 a h4{ font-size: 15px;font-family: Opensans-Regular;text-align: center;padding-bottom: 5px;}
.home-link .col-md-3 a h4.bold{ font-size: 15px;font-family: Opensans-Bold;text-align: center;padding-bottom: 5px;}
.home-link .col-md-3 a:hover h4{ color: #6a3cc2}
.home-latest-job{ font-size: 14px;background-color: #f1f1f1;padding-top: 30px;padding-bottom: 30px;}
.home-latest-job h1{ text-transform: capitalize;font-family: Opensans-Bold;font-size: 40px}
.home-latest-job h5{ font-family: Opensans-Bold;font-size: 14px;}
.home-latest-job .feature-content { position: relative;}
.home-latest-job .feature-content .box-content .arrow{ padding-top: 10px;}
.home-latest-job .feature-content .box-content .arrow ul li{ float: left;padding-right: 10px;}
.home-latest-job .feature-content .box-content .arrow ul li a{ color: #442580;font-size: 22px;}
.home-latest-job .feature-content .box-content a h3{ color: #2e363a;font-family: Opensans-Bold;font-size: 20px}
.home-latest-job .feature-content .box-content a:hover h3{opacity: 0.8}
.home-latest-job .feature-content .box-content .arrow ul li a:hover{opacity: 0.8}
.home-latest-job .feature-content .box-content .item ul.more-info{ width: 100%;display: block;margin-bottom: 10px; }
.home-latest-job .feature-content .box-content .item ul.more-info li { float: none;padding-right: 0px;}
.home-latest-job .feature-content .box-content .item ul.detail { width: 100%;list-style-image: url('/Frontend/Images/arrow-right.png');padding-left: 15px;}
.home-latest-job .feature-content .box-content .item table{ width: 100%;margin-bottom: 10px;}
.home-latest-job .feature-content .box-content .item table td.title{ width: 30%; font-family: Opensans-Bold}
.home-about{ background-color: #552b90;padding-top: 30px;padding-bottom: 30px;}
.home-about h1{ text-transform: initial;font-family: Opensans-Bold;font-size: 40px;color: white}
.home-about p{color: white}

/*content*/
.content{padding-bottom: 30px;padding-top: 30px;}
.pagging { float: none;padding-bottom: 0px;margin-top: 20px;margin-bottom: 0px; overflow: auto}
.pagging ul{ width: 225px;margin: auto}
.pagging ul li{ float: left;background-color: white;border: 1px solid #d1d1d1;padding-bottom: 3px}
.pagging ul li a{ color: #333333;font-family: Opensans-Bold;padding-left: 10px;padding-right: 10px;font-size: 12px;}
.pagging ul li a:hover{opacity: 0.7}
.pagging ul .first { margin-right: 5px; background-color: transparent}
.pagging ul .last{background-color: transparent}
.pagging ul .first a {color: #333333}
.pagging ul .number {margin-right: 5px}
.pagging ul .page-active{ background: #deb407; border: 1px solid #deb407}
.pagging ul .page-active a{color: white}
.content p:last-child{ padding-bottom: 0px;}
.validation-field{ margin-bottom: 20px;}
.content .form-control{ margin-top: 5px;}
.content textarea.form-control{ height: 100px;}

.testimonial{ padding-top: 30px;padding-bottom: 45px;text-align: center;background-color: #442580;color: white}
.testimonial p{ padding-bottom: 10px;}
.testimonial .carousel-indicators{ bottom: -30px!important}
.testimonial .carousel-indicators li{ border-color: #deb407}
.carousel-indicators .active{background-color: #deb407}

/*about us*/
.about-person{ background-color: #f1f1f1;padding-top: 30px;padding-bottom: 30px;display: block}
.about-person .item{ text-align: center;overflow: auto;margin-bottom:40px;}
.about-person .item a img{ margin-bottom: 10px;}
.about-person .item a span.bold{ font-family: Opensans-Bold;text-transform: capitalize;font-size: 16px;color: #432580}
.about-person .item a span{ text-transform: uppercase;font-size: 14px;color: #585865}
.about-person .item a:hover{opacity: 0.8}
.about-person .item a:hover span.bold{color: #6a3cc2}
.about-person .item a span.color585865{ font-family: Opensans-Bold;text-transform: capitalize;font-size: 16px;color: #432580}
.about-person .item a p{ text-transform: uppercase;font-size: 14px;padding-left: 40px;padding-right: 40px;padding-bottom: 0px;color: #585865}
.about-person .item hr{ margin: auto;margin-top: 10px;margin-bottom: 10px;width: 100px;border-bottom: 3px solid #e2e2e2;}
.about-person .item ul.social { width: 150px;margin: auto}
.about-person .item ul.social li{ float: left;padding-left: 5px;padding-right: 5px;}
.about-person .item ul.social li a{ display: block;height: 38px;width: 38px;}
.about-person .item ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -59px 0px;}
.about-person .item ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -99px 0px;}
.about-person .item ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -139px 0px;}
.about-person .item ul.social li a.in:hover{ background: url('/Frontend/Images/social.png') no-repeat -472px 0px;}
.about-person .item ul.social li a.facebook:hover{ background: url('/Frontend/Images/social.png') no-repeat -512px 0px;}
.about-person .item ul.social li a.mail:hover{ background: url('/Frontend/Images/social.png') no-repeat -552px 0px;}

/*profile*/
.profile{ background-color: #f1f1f1;padding-top: 30px;padding-bottom: 30px;display: block}
.profile .item{ text-align: center;overflow: auto}
.profile .item img{ margin-bottom: 10px;}
.profile .item a{ font-family: Opensans-bold;text-transform: capitalize;font-size: 16px;color: #585865}
.profile .item a:hover{opacity: 0.7}
.profile .item span{ text-transform: uppercase;font-size: 14px;}
.profile .item hr{ margin: auto;margin-top: 10px;margin-bottom: 10px;width: 100px;border-bottom: 3px solid #e2e2e2;}
.profile .item ul.social { width: 150px;margin: auto}
.profile .item ul.social li{ float: left;padding-left: 5px;padding-right: 5px;}
.profile .item ul.social li a{ display: block;height: 38px;width: 38px;}
.profile .item ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -59px 0px;}
.profile .item ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -99px 0px;}
.profile .item ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -139px 0px;}
.profile .item ul.social li a.in:hover{ background: url('/Frontend/Images/social.png') no-repeat -472px 0px;}
.profile .item ul.social li a.facebook:hover{ background: url('/Frontend/Images/social.png') no-repeat -512px 0px;}
.profile .item ul.social li a.mail:hover{ background: url('/Frontend/Images/social.png') no-repeat -552px 0px;}

/*testimonial*/
.testimonial-item { padding: 20px;background-color: #f1f1f1;margin-bottom: 20px;}
.testimonial-item:last-child { padding: 20px;background-color: #f1f1f1;margin-bottom: 0px;}
.testimonial-item span.bold{text-transform: uppercase}

/*contact-us*/
.contact-us h1{ padding-bottom: 30px;}
.contact-us p{ padding-bottom: 30px;line-height: 26px;}
.contact-us table{ width: 100%;margin-bottom: 30px;}
.contact-us table tr td{vertical-align: top}
.contact-us table tr td a{color: #4e4e58}
.contact-us table tr td a:hover{ color: #4e4e58;opacity: 0.7;text-decoration: underline!important}
.contact-us table.address tr{border-bottom: 20px solid transparent}
.contact-us table.contact tr{border-bottom: 10px solid transparent}
.contact-us table tr:last-child{margin-bottom: 0px}
.contact-us table.address tr td.icon{ width: 25px;color: #deb407}
.contact-us table.contact tr td.icon{ width: 25px;color: #deb407}
.contact-us table.contact tr td.bold{ font-family: Opensans-Bold}
.contact-us .map iframe{ width: 100% !important;height: 300px!important}
.send-enquiry{ padding-top: 30px;padding-bottom: 10px;background-color: #f1f1f1}
.send-enquiry .col-md-2{ padding-top: 7px;font-size: 14px;font-family: Opensans-bold}
.send-enquiry .col-md-3{ padding-top: 7px;font-size: 14px;width: 30%;font-family: Opensans-bold}
.send-enquiry .col-md-9 {width: 70%}
.send-enquiry .col-md-6 a.button-default{float: right}
.send-enquiry .col-md-6 a.button-default i{ padding-right: 5px;}

/*register*/
.register { padding-top: 30px;padding-bottom: 30px; background-color: #f1f1f1}
.register p{ font-size: 14px;padding-bottom: 10px}
.register .register-item input, .register .register-item textarea{ margin-top: 10px;}
.register .register-item .form-control{ height: 40px;}
.register .register-item .chosen-container{margin-top: 10px; width: 100%!important}
.register .register-item .chosen-container ul { border-radius: 5px;border-color: #cfcfcf; background: white }
.register .register-item .chosen-container ul li{ padding-top: 3px;padding-bottom: 3px;}
.register .register-item .chosen-container-multi .chosen-choices li.search-field input[type="text"]{ height: 31px;}
.register a.button-default{float: right}
.register a.button-default i{ padding-right: 5px;}

/*job-listing*/
.content .job-listing .job-item{ background: #f1f1f1;padding: 15px;margin-bottom: 20px;}
.content .job-listing .job-item ul.info{ width: 100%;font-size: 14px;margin-bottom: 10px; display: block}
.content .job-listing .job-item ul.info li{ float: left;padding-right: 15px;}
.content .job-listing .job-item ul.info li i{ padding-right: 5px;}
.content .job-listing .job-item ul.action {float: right}
.content .job-listing .job-item ul.action li { margin-left: 10px;float: left}
.content .job-listing .job-item ul.action li a { margin-bottom: 0px}

/*job-detail*/
.content .job-detail  .col-md-8{width: 70%}
.content .job-detail  .col-md-4{width: 30%}
.content .job-detail .item{ background: white;padding: 20px;overflow: auto}
.content .job-detail .item h3{font-family: Opensans-Bold}
.content .job-detail .item ul.info{ width: 100%;font-size: 14px;margin-bottom: 20px; display: block}
.content .job-detail .item ul.info li{ float: left;padding-right: 15px;}
.content .job-detail .item ul.info li i{ padding-right: 5px;}
.content .job-detail .item ul.action li { margin-right: 10px;float: left}
.content .job-detail .item ul.action li a { margin-bottom: 0px}
.content .job-detail .item ul.action li a i{ padding-right: 5px;}
.content .job-detail .item ul.more-info{ width: 100%;list-style-image: url('/Frontend/Images/arrow-right-black.png');padding-left: 20px;font-family: OpenSans-Bold;margin-bottom: 25px;}
.content .job-detail .item ul.more-info li{ margin-bottom: 5px;}
.content .job-detail .right-action{width: 100%}
.content .job-detail .right-action li{ padding: 15px 20px;background-color: #e8e8e8;margin-bottom: 1px; }
.content .job-detail .right-action li a { color: black;font-family: Opensans-Semibold;text-transform: uppercase}
.content .job-detail .right-action li a i{ padding-right: 20px;color: #552b90}
.content .job-detail .right-action li:hover{opacity: 0.7}

/*employer*/
.employer-link{ padding-top: 30px;padding-bottom: 30px;background-color: #f1f1f1}
.employer-link h2{ text-transform: initial;padding-bottom: 30px;}
.employer-link ul{ width: 100%;}
.employer-link ul li{ width: 100%;background-color: white;padding: 15px 20px;margin-bottom: 10px;border-radius: 3px;}
.employer-link ul li { font-family: Opensans-Bold; color: #2e363a}
.employer-link ul li i{ color: #deb407;padding-right: 10px;}
.employer-link ul li:last-child{ margin-bottom: 0px;}

/*blog-detail*/
.blog{ padding-top: 30px;padding-bottom: 30px;background-color: #f1f1f1;}
.blog .blog-detail .item{ background: white;padding: 15px;margin-bottom: 20px;}
.blog .blog-detail .item ul.info{ width: 100%;font-size: 14px;margin-bottom: 10px;display: block; color: #8f8e8e}
.blog .blog-detail .item ul.info li{ float: left;padding-right: 10px;}
.blog .blog-detail .item ul.info li i{ padding-right: 5px;}
.blog .blog-detail .item .image { margin-bottom: 20px;}
.blog .blog-detail .item .image img{width: 100%}
.blog .blog-detail .float-left{ float: left;width: 50%}
.blog .blog-detail .float-left ul.social{ width: 100%;display: block;}
.blog .blog-detail .float-left ul.social li{ float: left;margin-right: 5px;}
.blog .blog-detail .float-left ul.social li a{ width: 30px;height: 30px; display: block}
.blog .blog-detail .float-left ul.social li a:hover{opacity: 0.7}
.blog .blog-detail .float-left ul.social li a.twitter{ background: url('/Frontend/Images/social.png') no-repeat -182px 0px}
.blog .blog-detail .float-left ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -220px 0px}
.blog .blog-detail .float-left ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -259px 0px}
.blog .blog-detail .float-left ul.social li a.google{ background: url('/Frontend/Images/social.png') no-repeat -296px 0px}
.blog .blog-detail .float-left ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -336px 0px}
.blog .blog-detail .float-right{ float: right;width: 50%;}
.blog .blog-detail .float-right ul.action{float: right}
.blog .blog-detail .float-right ul.action li { margin-left: 10px;float: left}
.blog .blog-detail .float-right ul.action li a { margin-bottom: 0px}
.blog .blog-detail .float-right ul.action li a i{ padding-right: 5px;}
.blog .right-blog-menu .input-group{ background-color: white;border: 1px solid #ddd!important;color: #ddd;border-radius: 5px;}
.blog .right-blog-menu .input-group .input-group-addon{ background-color: white;border: none;color: #ADADAD;padding-right: 2px;font-size: 13px;}
.blog .right-blog-menu .input-group .form-control{ margin: 0px;border: none;box-shadow: none;border-radius: 0px;}
.blog .right-blog-menu .search-blog{ margin-bottom: 20px;}
.blog .right-blog-menu .search-blog .form-control{ height: 40px;}
.blog .right-blog-menu .subscribe{ background-color: white;margin-bottom: 20px;}
.blog .right-blog-menu .subscribe ul{ width: 100%;display: block}
.blog .right-blog-menu .subscribe ul li{ padding:15px 20px;border-bottom: 1px solid #ddd;overflow: auto}
.blog .right-blog-menu .subscribe ul li:last-child{border: none}
.blog .right-blog-menu .subscribe ul li h5{font-family: Opensans-Bold}
.blog .right-blog-menu .subscribe ul li.subscribe-rss h5{ float: left;padding-bottom: 0px;padding-top: 5px;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .subscribe ul li.subscribe-rss a.rss{ display: block;width: 30px;height: 30px;float: right;background: url('/Frontend/Images/social.png') no-repeat -375px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss a.rss:hover{opacity: 0.7}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social { float: right;width: auto}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li{ border-bottom: none;padding: 0px;padding-left: 5px;float: left}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a{ width: 30px;height: 30px; display: block}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a:hover{opacity: 0.7}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.twitter{ background: url('/Frontend/Images/social.png') no-repeat -182px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -220px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -259px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.google{ background: url('/Frontend/Images/social.png') no-repeat -296px 0px}
.blog .right-blog-menu .subscribe ul li.subscribe-rss ul.social li a.mail{ background: url('/Frontend/Images/social.png') no-repeat -336px 0px}
.blog .right-blog-menu .recent-archive{ margin-bottom: 20px;border: 1px solid white;background-color: white}
.blog .right-blog-menu .recent-archive ul.nav-tabs{ border-bottom: 1px solid #dddcdc}
.blog .right-blog-menu .recent-archive ul.nav-tabs li{ margin: 0px;width: 50%;text-align: center;}
.blog .right-blog-menu .recent-archive ul.nav-tabs li a{ margin: 0px;border-radius: 0px;background-color: #f3f3f3;color: black; font-family: Opensans-Semibold}
.blog .right-blog-menu .recent-archive ul.nav-tabs li.active a{ margin: 0px;border-radius: 0px;background-color: white;border: none}
.blog .right-blog-menu .recent-archive ul.nav-tabs li a:hover{ opacity: 0.7;margin: 0px;border-bottom-color: transparent}
.blog .right-blog-menu .recent-archive .tab-content ul.items{ width: 100%;font-size: 14px;}
.blog .right-blog-menu .recent-archive .tab-content ul.items li{ padding: 20px;border-bottom: 1px solid #dddcdc}
.blog .right-blog-menu .recent-archive .tab-content ul.items li a { color:#585865 }
.blog .right-blog-menu .recent-archive .tab-content ul.items li a:hover { opacity: 0.8 }
.blog .right-blog-menu .form-control::-moz-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .form-control:-ms-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .form-control::-webkit-input-placeholder {color: #ADADAD;font-size: 14px;font-family: Opensans-Bold}
.blog .right-blog-menu .recent-archive .tab-content ul.items li:last-child{ border-bottom: none;}
.blog .right-blog-menu .recent-archive .tab-content ul.items li span{color:#8f8e8e }
.blog .right-blog-menu .recent-archive .tab-content ul.items li span i{ padding-right: 10px;}
.blog .right-blog-menu .recent-archive .tab-content ul.items li span.bold{color:#333333 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items{ width: 100%;}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items li{ padding: 20px;border-bottom: 1px solid #dddcdc}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items li:last-child{ border-bottom: none;}
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold{color:#333333 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold:hover{ color: #333333;opacity: 0.7 }
.blog .right-blog-menu .recent-archive .tab-content ul.archive-items a.bold i{padding-right: 20px}
.round-image{border-radius:50%;}


/*blog-listing*/
.blog .blog-listing .item{ padding: 20px;background-color: white;border-bottom: 1px solid #dddcdc}
.blog .blog-listing .item:last-child{ border-bottom: none}
.blog .blog-listing .item .col-md-4 img{width: 100%}
.blog .blog-listing .item .col-md-8 a{ font-family: Opensans-Bold;font-size: 20px;color: #333333;text-transform: capitalize!important}
.blog .blog-listing .item .col-md-8 a:hover{ opacity: 0.7; color: #333333}
.blog .blog-listing .item .col-md-8 p{ padding-bottom: 0px;}
.blog .blog-listing .item ul.info{ width: 100%;font-size: 14px;margin-bottom: 10px;display: block; color: #8f8e8e}
.blog .blog-listing .item ul.info li{ float: left;padding-right: 10px;}
.blog .blog-listing .item ul.info li i{ padding-right: 5px;}

.job-description ul{list-style-type:disc;margin-left:15px;}
.job-description ul li{padding-bottom:5px;}


/*footer*/
.footer .footer-top { padding-bottom: 30px;background-color: #1c2228;padding-top: 30px;color: white;border-bottom: 1px solid #474646;font-size: 14px;}
.footer .footer-top .col-md-3 {text-align: right}
.footer .footer-top .col-md-3 img{ margin-top: 20px;}
.footer .footer-top .col-md-5 table tr {border-bottom: 4px solid transparent}
.footer .footer-top .col-md-5 table tr td.icon{ width: 30px;}

.footer .footer-top ul.social li { float: left;padding-right: 10px;}
.footer .footer-top ul.social li a{ width: 25px;height: 25px; display: block}
.footer .footer-top ul.social li a:hover{opacity: 0.7}
.footer .footer-top ul.social li a.in{ background: url('/Frontend/Images/social.png') no-repeat -410px 0px;}
.footer .footer-top ul.social li a.facebook{ background: url('/Frontend/Images/social.png') no-repeat -441px 0px;}
.footer .footer-top ul { color: white !important;font-size: 14px;}
.footer .footer-top ul li{ color: white !important;font-size: 14px;float: none;padding-bottom: 5px;}
.footer .footer-top a{color: white!important}
.footer .footer-top a:hover{ color: white !important;text-decoration: underline!important; opacity: 0.8}
.footer .footer-bottom { padding-top: 10px;padding-bottom: 10px; font-size: 14px;font-family: Opensans-Regular; background-color: #1c2228}
.footer .footer-bottom ul { width: 100%;text-transform: uppercase}
.footer .footer-bottom ul li { float: left;padding-left: 5px;color: #b7b6b6}
.footer .footer-bottom ul li a {color: white!important}
.footer .footer-bottom ul li a:hover {opacity: 0.8; text-decoration: underline!important}
.footer .footer-bottom .col-md-5{text-align: right}


@media screen and (min-width: 961px) {
    .header .navbar-header {display: none!important}
    .header .navbar-header .navbar-toggle{display: none!important}  
}
@media screen and (min-width: 961px) and (max-width: 990px){
    
    .navbar-collapse.collapse{display: block!important}
    .container{ width: 900px!important;}
    .row{ margin-left: -15px;margin-right: -15px}
    .col-md-1{ width: 8.33%;float: left}
    .col-md-2{width: 16.67%;float: left}
    .col-md-3{width: 25%;float: left}
    .col-md-4{width: 33.33%;float: left}
    .col-md-5{width: 41.67%;float: left}
    .col-md-6{width: 50%;float: left}
    .col-md-7{width: 58.33%;float: left}
    .col-md-8{width: 66.67%;float: left}
    .col-md-9{width: 75%;float: left}
    .col-md-10{width: 83.33%;float: left}
    .col-md-11{width: 91.67%;float: left}
    .col-md-12{width: 100%;float: left}
}

@media screen and (max-width: 960px) {    
    .mobile{display: block!important}
    .desktop{display: none!important} 
    .moblie960{display: block!important}
    .container{ width: 100% !important;padding-left: 20px;padding-right: 20px;}
    .row{ margin-left: 0px;margin-right: 0px}
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ padding-left: 0px; padding-right: 0px}
    p,h2,h3,h4,h5,h6{ padding-bottom: 10px;padding-left: 0px;padding-right: 0px;}
	h1{ padding-bottom: 20px;}
    .navbar-collapse{border-top: 0px}
    .navbar-collapse.in{overflow:initial}
    .navbar-collapse.collapse {display: none!important}
    .collapse.in{display: block!important}

    .menu-active  {border:none;border-radius: 0px;color: white !important;background: #6d48ab}
	.menu-active a { color: white!important}
	.header .navbar-header{ height: 26px;width: 35px;background-color: transparent;border-radius: 0px;}
    .header .navbar-header .navbar-toggle{margin: 0px;padding: 5px;width: 35px; text-align: center}
    .header .navbar-header button.navbar-toggle .icon-bar{ background-color: #6d48ab}
    .header .navbar-header button.navbar-toggle .close-menu { margin: auto;color: #6d48ab}    
    .header .navbar-header button.navbar-toggle span {display: none}
    .header .navbar-header button.navbar-toggle .close-menu{display:block}
    .header .navbar-header button.collapsed .close-menu{display: none}
    .header .navbar-header button.collapsed span {display: block}

    /*banner*/
    .home-banner {position: relative;height: 300px;}
    .home-banner .carousel .carousel-inner .item img{height:300px !important; width:100%}
    .home-banner .carousel .carousel-inner .item .carousel-caption{width: 100%;height: 300px; left: 0px!important;right: auto!important;top: 0px!important;padding: 0px;padding-top: 100px; }
    .home-banner .carousel .carousel-inner .item .carousel-caption h1{ color: white;font-family: Opensans-Bold;text-transform: lowercase;font-size: 32px;}
    .home-banner .search-home { position: absolute;left: 0px;bottom: 0px;background-color: #552b90; height:80px;width: 100%;z-index: 9999;}
    .home-banner .search-home .search-content{ width: 100%;bottom:0px; padding: 20px}
    .home-banner .search-home .search-content ul{ width: 100%;display: block;}
    .home-banner .search-home .search-content ul li{ float: left;padding-left: 15px;padding-right: 15px}
    .home-banner .search-home .search-content ul .keyword{ width: 25%}
    .home-banner .search-home .search-content ul .classification{ width: 25%}
    .home-banner .search-home .search-content ul .location{ width: 25%}
    .home-banner .search-home .search-content ul .btn-search-home{ width: 25%}

    .inner-banner{ height: 200px; }
    .inner-title{background-color: #442580}
    .inner-title .col-md-4{ width: 33.33%;float: left}
    .inner-title .col-md-8{ width: 66.67%;float: left}

    /*header*/
    .header { padding-bottom: 0px;height: 155px}
    .header .container{ padding-left: 0px;padding-right: 0px;}
    .header .social{ height: 50px;}
    .header .social ul.phone{ float: left;margin-top: 15px;margin-left: 20px;}
    .header .social ul.socialLink{ margin-top: 15px;}
    .header .social ul.socialLink li a i{ padding-right: 0px;}
    .header .social ul.socialLink .btn-search{ padding-left: 10px;padding-right: 10px; padding-top:5px;padding-bottom: 5px; margin-top: -5px;}
    .header .social .search .search-content{ top: 40px;width: 100%;right: auto;left: 0px;background-position-x: 13px;}
    .header .menu-header .col-md-3 { text-align: left;padding-left: 20px;}
    .header .menu-header .col-md-3 .logo{ float: none;margin-top: 0px;padding-bottom: 10px;padding-top: 10px;}
    .header .menu-header .col-md-9 {padding-left: 0px;padding-right: 0px; width: 100%}
	.header .menu-header .col-md-9 .header-navbar {position: absolute;z-index: 999999;width: 100%;background-color: #552b90;top: 0px;left: 0px }
    .header .menu-header .col-md-9 .header-navbar ul{ float: left;width: 100%;border-radius: 0px;margin-top: 0px;}
    .header .menu-header .col-md-9 .header-navbar ul li {display: block;float: left;width: 100%;line-height: 30px;padding-left: 10px;padding-right: 10px;border-top: 1px solid #6d48ab;padding-top: 5px;padding-bottom: 5px;margin-left: 0px}
    .header .menu-header .col-md-9 .header-navbar ul li i.normalMenuItem { background: url(/Frontend/Images/icons.png) no-repeat -15px 0;display: block}
    .header .menu-header .col-md-9 .header-navbar ul li a{margin-right: 10px}
    .header .menu-header .col-md-9 .header-navbar ul li.open i.normalMenuItem {background:url(/Frontend/Images/icons.png) no-repeat 0 0}
	.header .menu-header .col-md-9 .header-navbar ul li:hover {opacity: 1;background-color: #6d48ab;cursor: pointer;border-radius: 0px;} 
	.header .menu-header .col-md-9 .header-navbar ul li:hover a {color: white!important} 
    .header .menu-header .col-md-9 .header-navbar ul li a{ margin-left: 10px;display:block;text-align:left; padding-bottom:0px; color: white}
	.header .menu-header .col-md-9 .header-navbar ul li a:hover { color: white;text-decoration: none !important;border-bottom: none; background: none} 
    .header .menu-header .col-md-9 .header-navbar ul li a:active{ color: white; background: none}
    .header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu{border-top:1px solid #8d59e4 !important; background: #6d48ab;width: 100%;left: 0;top: 5px;position: relative;margin: 0px;border: none;box-shadow: none;padding: 0px;}
    .header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li {line-height: 30px;padding-left: 20px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
    .header .menu-header .col-md-9 .header-navbar ul li .dropdown-menu li a{ padding-top: 0px;padding-bottom: 0px;font-size: 14px;font-family: Opensans-Regular}
    .header .menu-header .col-md-9 .header-navbar ul .dropdown {padding-left: 0px;padding-right: 0px}
    .header .menu-header .col-md-9 .header-navbar ul .dropdown a{ padding-left: 10px;}
    .header .menu-header .col-md-9 .header-navbar .navbar-collapse{ padding-top: 0px;padding-bottom: 0px;}
      
    /*home*/
    .home-link{ overflow: initial;padding-left: 0px;padding-right: 0px;}
    .home-link h3{ margin-bottom: 20px;}
    .home-link .row{ margin-left: -10px;margin-right: -10px;}
    .home-link .col-md-3{ padding-left: 10px;padding-right: 10px;float: left; width: 25%}
    .home-latest-job{ padding-top: 20px;padding-bottom: 20px;}
    .home-latest-job .row{ margin-left: -10px;margin-right: -10px;}
    .home-latest-job .col-md-4{ float: left;padding-left: 10px;padding-right: 10px;width: 25%}
    .home-latest-job .col-md-8{ float: left;padding-left: 10px;padding-right: 10px;width: 75%}
    .home-latest-job h1{ font-size: 34px}
    .home-latest-job .feature-content .box-content a h3{ font-size: 20px}
    .home-about{ background-color: #552b90;padding-top: 20px;padding-bottom: 20px;}
    .home-about .row{ margin-left: -10px;margin-right: -10px;}
    .home-about .col-md-4{ float: left;padding-left: 10px;padding-right: 10px;width: 25%}
    .home-about .col-md-8{ float: left;padding-left: 10px;padding-right: 10px;width: 75%}
    .home-about h1{ font-size: 34px;}
    .home-about p{color: white}

    .testimonial{ padding-top: 20px}

    /*content*/
    .content{ padding-top: 20px;padding-bottom: 20px;}
    .content h1{font-size: 30px}
    .content .validation-field{ margin-bottom: 10px;}
    
    /*about us*/
    .about-person{ padding-top: 20px;padding-bottom: 20px;display: block}
    .about-person .row{ margin-left: -10px; margin-right: -10px}
    .about-person .col-md-4{ padding-left: 10px;padding-right: 10px;float: left; width: 33.33%}

     /*profile*/
    .profile{ padding-top: 20px;padding-bottom: 20px;display: block}
    .profile .row{ margin-left: -10px; margin-right: -10px}
    .profile .col-md-4{ padding-left: 10px;padding-right: 10px;float: left; width: 33.33%}
    .profile .col-md-8{ padding-left: 10px;padding-right: 10px;float: left; width: 66.67%}

    /*employer*/
    .employer-link{ padding-top: 20px;padding-bottom: 20px;}
    .employer-link .row{ margin-left: -10px; margin-right: -10px}
    .employer-link .col-md-6{ padding-left: 10px;padding-right: 10px;float: left; width: 50%}
    .employer-link h2{ padding-bottom: 20px;}
    /*contact-us*/
    .contact-us .row{ margin-left: -10px; margin-right: -10px}
    .contact-us .col-md-6{ padding-left: 10px;padding-right: 10px;float: left; width: 50%}
    .contact-us table{ width: 100%;margin-bottom: 30px;}
    .send-enquiry{ padding-top: 20px;padding-bottom: 0px;}
    .send-enquiry .col-md-2{ padding-top: 7px;font-size: 14px;float: left;width: 25%}
    .send-enquiry .col-md-3{ padding-top: 7px;font-size: 14px;float: left;width: 25%;}
    .send-enquiry .col-md-9 { width: 75%;float: left}
    .send-enquiry .col-md-10{ width: 75%;float: left}
    .contact-us .map iframe{ width: 100% !important;height: 300px!important;}

    /*register*/
    .register .row{ margin-left: -10px;margin-right: -10px;}
    .register .col-md-6{ float: left;padding-left: 10px;padding-right: 10px;width: 50%}

    /*job-listing*/
    .content .job-listing .row{ margin-left: -10px;margin-right: -10px;}
    .content .job-listing .col-md-8{ padding-left: 10px;padding-right: 10px;float: left;width: 66.67%}
    .content .job-listing .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 33.33%}
    
    /*job-detail*/
    .content .job-detail .row{ margin-left: -10px;margin-right: -10px;}
    .content .job-detail .col-md-8{ padding-left: 10px;padding-right: 10px;float: left;width: 65%}
    .content .job-detail .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 35%}
    .content .job-detail .item{ background: white;padding: 20px;overflow: auto}
    
    /*blog-detail*/
    .blog { padding-top: 20px;padding-bottom: 20px;}
    .blog .blog-detail .row{ margin-left: -10px;margin-right: -10px;}
    .blog .blog-detail .col-md-8{ padding-left: 10px;padding-right: 10px;float: left;width: 66.67%}
    .blog .blog-detail .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 33.33%}
    .blog .right-blog-menu .subscribe ul li{ padding: 10px;border-bottom: 1px solid #ddd;overflow: auto}
    .blog .right-blog-menu .recent-archive .tab-content ul.items li{ padding: 10px;border-bottom: 1px solid #dddcdc}

    /*blog-listing*/
    .blog .blog-listing .item{ padding: 20px;background-color: white;border-bottom: 1px solid #dddcdc}
    .blog .blog-listing .row{ margin-left: -10px;margin-right: -10px;}
    .blog .blog-listing .item .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 33.33%}
    .blog .blog-listing .item .col-md-8{ padding-left: 10px;padding-right: 10px;float: left;width: 66.67%}

     /*footer*/ 
    .footer .footer-top { padding-bottom: 20px;padding-top: 20px;}
    .footer .footer-top .row{ margin-left: -10px;margin-right: 10px;}
    .footer .footer-top .col-md-3{ padding-left: 10px;padding-right: 10px;float: left;width: 25%}
    .footer .footer-top .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 33.33%}
    .footer .footer-top .col-md-5{ padding-left: 10px;padding-right: 10px;float: left;width: 41.67%}
    .footer .footer-bottom { padding-top: 10px;padding-bottom: 10px; font-size: 14px;font-family: Opensans-Regular; background-color: #1c2228}
}

@media screen and (max-width: 850px) {
     /*blog-detail*/
    .blog .blog-detail .row{ margin-left: -10px;margin-right: -10px;}
    .blog .blog-detail .col-md-8{ padding-left: 10px;padding-right: 10px;float: none;width: 100%}
    .blog .blog-detail .col-md-4{ padding-left: 10px;padding-right: 10px;float: none;width: 100%}
    .blog .right-blog-menu{ margin-top: 20px;}
    .blog .right-blog-menu .subscribe ul li{ padding: 20px;border-bottom: 1px solid #ddd;overflow: auto}
    .blog .right-blog-menu .recent-archive .tab-content ul.items li{ padding: 20px;border-bottom: 1px solid #dddcdc;width: 50%;float: left}
    .blog .right-blog-menu .recent-archive .tab-content ul.archive-items li{ padding: 20px;width: 50%;float: left}
}

@media screen and  (min-width: 768px) {
   .header .navbar-header .navbar-toggle{display: block}   
}

@media screen and  (width: 768px) {	
    .navbar-collapse .collapse {display: none!important}
    .collapse.in{display: block!important}

    /*banner*/
    .home-banner {position: relative; height: 205px}

    /*home*/
    .home-about .col-md-4{ width: 100%;float: none}
    .home-about .col-md-8{ width: 100%;float: none}
    .home-about h2{ font-size: 32px;} 
}

@media screen and (max-width: 768px) {
    .collapse.in{display: block!important}
    .moblie768{display: block!important}
    .moblie960{display: none!important}
    /*banner*/
    .home-banner {position: relative;height: auto;display: block}
    .home-banner .carousel .carousel-inner .item img{height:200px!important; }
    .home-banner .carousel .carousel-inner .item .carousel-caption{width: 100%;height: 200px; left: 0px!important;right: auto!important;top: 0px!important;padding: 0px;padding-top: 90px; }
    .home-banner .carousel .carousel-inner .item .carousel-caption h1{ color: white;font-family: Opensans-Bold;text-transform: lowercase;font-size: 24px;}
    .home-banner .search-home { position: relative;background: #552b90;height:auto;width: 100%;z-index: 9999;}
    .home-banner .search-home .search-content{ width: 100%;bottom:0px;padding:20px 0px;overflow: auto}
    .home-banner .search-home .search-content ul{ width: 100%;display: block;}
    .home-banner .search-home .search-content ul li{ float: none;padding-left: 0px;padding-right: 0px;width: 100% !important;margin-bottom: 10px;}
    .home-banner .search-home .search-content a.button-default{ width: auto;float: right}
    .inner-banner{ height: 150px; }
    .inner-title{ background-color: #442580;padding-top: 20px;padding-bottom: 20px;}
    .inner-title h1{ color: white;padding-bottom: 0px}
    .inner-title p{ color: white;padding-bottom: 0px;padding-top: 10px}
    .inner-title ul{ float: left;margin-top: 10px;}
    .inner-title .col-md-4{ width: 100%;float: none}
    .inner-title .col-md-8{ width: 100%;float: none}

     /*home*/
    .home-link{ overflow: initial;padding-left: 0px;padding-right: 0px;}
    .home-link h3{ margin-bottom: 10px;}
    .home-link .row{ margin-left: -10px;margin-right: -10px;}
    .home-link .col-md-3{ padding-left: 10px;padding-right: 10px;float: left;width: 50%;margin-bottom: 20px}
    .home-latest-job .row{ margin-left: -10px;margin-right: -10px;}
    .home-latest-job .col-md-4{ float: none;padding-left: 10px;padding-right: 10px;width: 100%}
    .home-latest-job .col-md-8{ float: none;padding-left: 10px;padding-right: 10px;width: 100%}
    .home-latest-job h1{ font-size: 34px}
    .home-latest-job .feature-content .box-content a h3{ font-size: 20px}
    .home-about .row{ margin-left: -10px;margin-right: -10px;}
    .home-about .col-md-4{ float: none;padding-left: 10px;padding-right: 10px;width: 100%}
    .home-about .col-md-8{ float: none;padding-left: 10px;padding-right: 10px;width: 100%}
    .home-about h1{ font-size: 34px;}
    
    /*about us*/
    .about-person .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 50%;margin-bottom: 20px;}
    .about-person .col-md-4:last-child{ margin-bottom: 0px;}

    /*profile*/
    .profile .col-md-4{ float: none;width: 100%;margin-bottom: 20px;}
    .profile .col-md-8{ float: none;width: 100%;}

    /*contact-us*/
    .contact-us .row{ margin-left: -10px; margin-right: -10px}
    .contact-us .col-md-6{ padding-left: 10px;padding-right: 10px;float: none; width: 100%}
    .contact-us table.address{ width: 100%;margin-bottom: 0px;}
    .contact-us table.address tr{ border-bottom: 10px solid transparent}
    .contact-us table{ width: 100%;margin-bottom: 20px;}
    .contact-us .map iframe{ width: 100% !important;height: 300px!important;}

     /*register*/
    .register .col-md-6{ float: none;padding-left: 10px;padding-right: 10px;width: 100%}

    /*job-listing*/
    .content .job-listing .row{ margin-left: -10px;margin-right: -10px;}
    .content .job-listing .col-md-8{ padding-left: 10px;padding-right: 10px;float: none;width: 100%}
    .content .job-listing .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 100%;margin-top: 0px;}

    /*job-detail*/
    .content .job-detail .item{ padding: 0px;}
    .content .job-detail .row{ margin-left: -10px;margin-right: -10px;}
    .content .job-detail .col-md-8{ padding-left: 10px;padding-right: 10px;float: none;width: 100%}
    .content .job-detail .col-md-4{ padding-left: 10px;padding-right: 10px;float: left;width: 100%;margin-top: 20px;}
    .content .job-detail .item ul.more-info{ margin-bottom: 15px;}
    
    /*employer*/
    .employer-link{ padding-top: 20px;padding-bottom: 20px;}
    .employer-link .col-md-6{ padding-left: 10px;padding-right: 10px;float: none;width: 100%;padding-bottom: 10px;}
    .employer-link .col-md-6:last-child{ padding-bottom: 0px;}

    /*footer*/
    .footer .footer-top { padding-bottom: 20px;padding-top: 20px;}
    .footer .footer-top ul{ width: 100%!important}
    .footer .footer-top .col-md-3{ float: none;width: 100%;margin-bottom: 10px}
    .footer .footer-top .col-md-4{ float: none;width: 100%}
    .footer .footer-top .col-md-5{ float: none;width: 100%}
    .footer .footer-bottom ul li{ float: none;padding-bottom: 5px; }
}

@media screen and (min-width: 650px) {
    .content ul.team-items li.item{ min-height: 850px;padding: 20px}
}

@media screen and (max-width: 540px) {
    h1 {font-size: 30px;padding-bottom: 10px}
    h2 {font-size:26px;padding-bottom: 10px}
    h3 {font-size:20px;padding-bottom: 10px}
    h4 {font-size:18px;padding-bottom: 10px}
    h5 {font-size:16px;padding-bottom: 10px;font-family: Opensans-Bold}
    h6 {font-size:14px;padding-bottom: 10px}
    p{ font-size: 14px;}
    .header .navbar-header .navbar-toggle{ margin-left: 0px;margin-bottom: 0px;margin-right: 0px; }
    .container { padding-left: 10px;padding-right: 10px;}
    
    .home-banner .search-home .search-content{ padding:10px 0px;}
    .home-banner .carousel .carousel-inner .item img{height:150px!important; }
    .home-banner .carousel .carousel-inner .item .carousel-caption{width: 100%;height: 150px; left: 0px!important;right: auto!important;top: 0px!important;padding: 0px;padding-top: 50px; }
    .home-banner .carousel .carousel-inner .item .carousel-caption h1{ color: white;font-family: Opensans-Bold;text-transform: lowercase;font-size: 22px;}
    .inner-banner{ height: 100px; }
    .inner-title{ background-color: #442580;padding-top: 20px;padding-bottom: 20px;}
    .inner-title h1{ color: white;padding-bottom: 0px}
    .inner-title p{ color: white;padding-bottom: 0px;padding-top: 10px}

    /*home*/
    .home-link .col-md-3{ width: 50%;margin-bottom: 10px;}
    .home-latest-job{ padding-top: 10px;padding-bottom: 10px;}
    .home-latest-job .arrow{padding-top: 5px;padding-bottom: 5px;}
    .home-about{ padding-top: 10px;padding-bottom: 10px;}

     /*content*/
    .content{ padding-top: 10px; padding-bottom: 10px}
    .content h1{ font-size: 24px;}
    .content .pagging{ margin-top: 10px;}
	.staff-profile-item{min-height:initial;margin-bottom:30px}
    .contact-us h1, .content h1 {padding-bottom: 15px;padding-top: 20px;}

    .testimonial{ padding-top: 10px}

     /*about us*/
    .about-person{ padding-top: 10px;padding-bottom: 10px;display: block}
    .about-person .col-md-4{ padding-left: 10px;padding-right: 10px;float: none; width: 100%}

    /*testimonial*/
    .testimonial-item { padding: 10px;margin-bottom: 10px;}

    /*contact-us*/
    .send-enquiry .col-md-2{ padding-top: 0px;font-size: 14px;float: none;width: 100%;padding-bottom: 5px}
    .send-enquiry .col-md-3{ padding-top: 0px;font-size: 14px;float: none;width: 100%;padding-bottom: 5px}
    .send-enquiry .col-md-9 { width: 100%;float: none}
    .send-enquiry .col-md-10{ width: 100%;float: none}
    .contact-us .map iframe{ height: 200px!important;}

    /*job-listing*/
    .content .job-listing .job-item{ background: #f1f1f1;padding: 10px;margin-bottom: 10px;}
    .content .job-listing .job-item ul.info{ margin-bottom: 0px; }
    .content .job-listing .job-item ul.info li{ float: none;padding-right: 0px;margin-bottom:5px}
  
    /*job-detail*/
    .content .job-detail .col-md-4{ margin-top: 10px;}
    .content .job-detail .item { padding: 0px;}
    .content .job-detail .item ul.info li{ float: none;padding-right: 0px;margin-bottom:5px}
    .content .job-detail .item ul.more-info li{ margin-bottom: 5px;float: none;padding-right: 0px;font-size: 14px;padding-left: 5px;}
    .content .job-detail .right-action li{ padding: 8px 10px;background-color: #e8e8e8;margin-bottom: 1px; }
    .content .job-detail .item ul.more-info{ margin-bottom: 10px;}

      /*employer*/
    .employer-link{ padding-top: 10px;padding-bottom: 10px;}
    .employer-link h2{ padding-bottom: 10px;}

    /*blog-detail*/
    .blog { padding-top: 10px;padding-bottom: 10px;}
    .blog .right-blog-menu{ margin-top: 10px;}
    .blog .right-blog-menu .subscribe ul li{ padding: 10px;}
    .blog .right-blog-menu .recent-archive .tab-content ul.items li{ padding: 10px;float: none;width: 100%}
    .blog .right-blog-menu .recent-archive .tab-content ul.archive-items li{ padding: 10px;width: 100%;float: none}
    .blog .right-blog-menu .subscribe{margin-bottom: 10px}
    .blog .right-blog-menu .recent-archive{ margin-bottom: 10px;}
    .blog .right-blog-menu .search-blog{ margin-bottom: 10px;padding-left: 10px;padding-right: 10px;}

    /*blog-listing*/
    .blog .blog-listing .item{ padding: 10px;background-color: white;border-bottom: 1px solid #dddcdc}
    .blog .blog-listing .row{ margin-left: -10px;margin-right: -10px;}
    .blog .blog-listing .item .col-md-4{ padding-left: 80px;padding-right:80px;float: none;width: 100%;margin-bottom: 10px;}
    .blog .blog-listing .item .col-md-4 img{ width: 100%;}
    .blog .blog-listing .item .col-md-8{ padding-left: 10px;padding-right: 10px;float: none;width: 100%;margin-top: 15px;}
    .blog .blog-listing .item .col-md-8 a{ font-size: 20px;color: #333333 }

    /*footer*/
    .footer{ padding-top: 0px;padding-bottom: 0px;}
}

@media screen and (max-width: 450px) { 
    /*home*/
    .home-link .col-md-3{ width: 100%;margin-bottom: 20px;float: none;padding-left: 30px; padding-right: 30px}
    .blog { padding-top: 0px;}
    .blog .blog-detail .float-left{ float: none;width: 100%;margin-bottom: 10px;overflow: auto}
    .blog .blog-detail .float-right{ float: none;width: 100%;overflow: auto;margin-bottom: 10px;}
    .blog .blog-detail .float-right ul{ float: none;width: 100%}
    .blog .blog-detail .float-right ul li{ margin-left: 0px!important;margin-right: 10px;}
    .blog .blog-listing .item .col-md-4{ padding-left: 60px;padding-right: 60px;float: none;width: 100%;margin-bottom: 10px;}
    .blog .blog-listing .item .col-md-4 img{ width: 100%;}
    .blog .blog-listing .item .col-md-8{ padding-left: 10px;padding-right: 10px;float: none;width: 100%}
    .register span{ width: 100%}
    .register span.bold{ width: 100%}
    .register a.button-default{ float: left;margin-bottom: 0px;margin-top: 10px;}
    .register input[type="file"] { width: 100%;}
    .register .text-danger {float: left}
}