@charset "utf-8";
@media screen and (max-width: 1370px) {
.hero_section { background-size: 100% 100%; }
}
@media screen and (max-width: 1300px) {
.hero_section .text_block .text { padding: 3% 0; }
.hero_section { background-size: 100% 100%; }
}
@media screen and (max-width: 1200px) {
.menu .nav > li > a { padding: 20px 15px; }
.container { width: 98%; }
.logo { width: 200px; }
}
@media screen and (max-width: 1190px) {
.courses > li { width: 31%; }
}
 @media screen and (max-width: 1025px) {
.menu .nav > li > a { padding: 20px 10px; }
.hero_section .text_block { font-size: 20px; }
.hero_section .text span { display: inline-block; font-size: 24px; }
.hero_section { background-size: 100% auto; }
.text br { display: block; }
.spot_desc { width: 63%; }
}
@media screen and (max-width: 1090px) {
.courses > li { width: 30%; }
}
@media screen and (max-width: 992px) {
.sidebar { display: inline-block; vertical-align: top; width: 49%; }
}
@media screen and (max-width: 970px) {
.menu .nav > li > a { padding: 20px 5px; }
.hero_btn a { padding: 20px 15px; }
.spot_desc > h3 { font-size: 14px; }
.spot_desc { width: 60%; }
}
@media screen and (max-width: 955px) {
.spot_list .img-thumbnail { margin-right: 5px; width: 30%; }
.social_block a{ font-size:14px;}

}
@media screen and (max-width: 900px) {
.menu .nav > li > a { padding: 20px 8px; font-size: 11px; }
}
 @media screen and (max-width: 860px) {
.menu .nav > li > a { padding: 20px 5px; font-size: 11px; }
.hero_section .text_block .text { padding: 0; }
}
@media screen and (max-width: 877px) {
}
@media screen and (max-width: 830px) {
	.social_block a i {
    height: 30px;
    line-height: 30px;
    width: 30px;
}
}
@media screen and (max-width: 810px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
.navbar-header { margin-top: 0px; width: 100%; }
.navbar-default .navbar-toggle { margin-right: 0; }
.navbar-nav > li { display: block; }
.nav > li > a { padding: 10px 5px; text-align: left; }
.nav.navbar-nav { width: 100%; }
#defaultmenu .nav.navbar-nav { left: 0; margin: 0; padding: 0; position: relative !important; right: 0; width: 100%; }
#header.fixed { position: static; }
.hero_section .text span { font-size: 20px; }
.hero_section .text_block { padding: 5px; }
.hero_section .text_block { width: 100%; max-width: inherit; padding-bottom: 20px; }
.hero_btn li.full_btn, .hero_btn li { width: auto; }
.skillup_link { bottom: -50px; left: 50%; margin-left: -75px; position: absolute; width: 150px; }
.welcome { margin-top: 30px; }
h1.title { font-size: 24px; }
.welcome p { padding: 0px; }
.status span { display: block; margin-top: 5px; }
.status { padding: 5px; }
.spot_list .img-thumbnail { margin-right: 5px; width: 80px; }
.spot_light_box { margin-bottom: 10px; }
.skill_job_section .col-md-4 { width: 100%; }
.skill_job_logo{ height:auto;}
.skill_job_logo::before,.skill_job_logo::after{ display:none;}
.skill_job_logo img{ position:relative; margin-left:0px; left:auto;}
.job_sk > h1{ font-size:52px;}
.job_sk > span {
    font-size: 18px;}
.social_block a {
    display: inline-block;
    margin-bottom: 15px;
}
}
@media screen and (max-width: 735px) {
}
 @media screen and (max-width: 660px) {
.courses > li { width: 47%; }
.status span { display: inline-block; margin-top: 0px; }
.status { padding: 10px 5px; }
}
 @media screen and (max-width: 610px) {
.courses > li { width: 46%; }
.status { padding: 10px 5px; }
}
@media screen and (max-width: 600px) {
.hero_btn a { margin: 0; padding: 13px 9px; }
.hero_btn { padding: 10px 0; }
.hero_section .text_block { font-size: 18px; }
.hero_section .text { margin-top: 20px; }
.hero_section .text span { font-size: 18px; padding-bottom: 5px; }
.hero_section { background-size: cover; }
h1.title { font-size: 20px; }
}
@media screen and (max-width: 568px) {
.hero_btn a { font-size: 12px; }
}
@media screen and (max-width: 510px) {
.sidebar { width: 98%; }
}
@media screen and (max-width: 490px) {
.logo { top: 0px; width: 160px; }
.right_top { float: none; text-align: center; }
}
@media screen and (max-width: 480px) {
.logo { top: 0px; width: 140px; }
.hero_section .text { margin-top: 30px; font-size: 15px; }
.hero_section .text span { font-size: 15px; padding-bottom: 5px; }
.hero_btn li.full_btn, .hero_btn li { margin-bottom: 5px; }
h1.title { font-size: 18px; }
.welcome p {
    font-size: 13px;
    line-height: 20px;}
}
 @media screen and (max-width: 440px) {
.courses > li { width: 97%; }
}
 @media screen and (max-width: 400px) {
}
@media screen and (max-width: 365px) {
.hero_section .text { margin-top: 30px; font-size: 13px; }
.social_block .col-xs-6 {
    width: 100%;
}
}