@media only screen and (max-width : 767px) {
	.course-menu.project-managment{
		margin-bottom: 20px;
	}
	.course-menu ul li{
		padding-top: 5px;
   		padding-bottom: 5px;
	}
	.container.home {
		margin-top: 205px;
	}
	.slidebox {
		height: 290px;
		background-size: 600px 206px!important;
		background-position: bottom center!important;
	}
	.slidebox img {
		max-height: 330px;
	}
	.slidebox h1 {
		font-size: 20px;
		padding: 15px;
		margin: 0;
	}
	.slidebox h1 span {
		width: 100%;
	}
	.slide .slk {
		height: 80px;
	}
	.container.small {
		margin-top: 10px;
	}
	body {
		background: #fff;
	}
	.nw-article .nw-text {
		width: 100%;
	}
	.cnt-form.home {
		margin-top: 20px;
	}
	.container.hd {
		height: 85px;
		background: url(/images/hd-bg.png) repeat-y 0 0;
		z-index: 4;
    }
    .logo {
		width: 130px;
		height: 47px;
		margin: 20px 0 0 0px;
		float: left;
	}
	.logo a {
		display: block;
		width: 130px;
		height: 47px;
	}
	.container.big {
		margin-top: 0;
	}
	.col1 h1 {
		font-size: 35px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	.col1 {
		padding: 0;
	}
	.shadow {
		background: none;
	}
	.col1 .main-img {
		width: 120px;
		height: 122px;
		margin-right: 17px;
	}
	.col1 .main-img img {
		max-height: 122px;
	}
	p.intro {
		font-size: 19px;
    	line-height: 26px;
	}
	.share {
		margin: 15px 0 0 0;
		height: auto;
	}
	.share.visible-xs {
		margin: 25px 0 0 0;
	}
	.share a {
		color: #5b5959;
		font-family: Arial, sans-serif;
		margin-bottom: 15px;
	}
	.share .addthis_native_toolbox {
		float: left;
	}
	.col1 .text {
		padding-right: 0;
	}
	h2 {
		font-size: 20px;
	}
	.info-box {
		background-color: #fff;
		margin-left: 0px;
		width: auto;
		margin-top: 17px;
		padding: 0;
	}
	.info-box h1 {
		font-size: 20px;
		color: #145885;
		margin: 0 0 10px 0px;
	}
	.gallery-img {
	    float: left;
	    height: 85px;
	    margin-left: 0px;
	    margin-right: 10px;
	    overflow: hidden;
	    width: 85px;
	}
	.gallery-img img {
		max-height: 85px; 
	}
	.info-box ul {
		margin-left: 0;
	}
	.news-hd .info-box {
		float: none;
		margin-left: 0;
		width: 290px;
		margin-top: 17px;
	}
	.container.news-hd {
		margin-top: 0;
	}
	.container.news-hd.big {
		margin-top: 0;
	}
	.news-hd .left-side {
		width: 100%;
	}
	.news-hd .col1 .main-img {
		width: 120px;
		height: 122px;
		margin-right: 17px;
	}
	.news-hd .col1 .main-img img {
		max-height: 122px;
	}
	.left-side.clanovi {
		border: none;
		padding-right: 0;
		float: none;
	}
	.left-side.clanovi h1 {
		font-size: 28px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.right-side.clanovi {
		float: none;
		width: 100%;
		padding:0;
	}
	.user {
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ccd8e1;
		padding-bottom: 20px;
	}
	.right-side.clanovi h2 {
	    font-size: 21px;
	    line-height: 23px;
	    margin: 0 0 20px;
	}
	.right-side.clanovi h2 span {
	    font-size: 15px;
	}
	.users h3 {
		font-size: 21px;
	}
	.user-main-img {
		width: 100px;
	}
	.user-main-img img {
		max-width: 98px;
	}
	.user-info {
		width: 235px;
	}
        .user-info h2{
		word-wrap: unset;
	}
	.other-info h3 {
		margin-top: 10px;
	}
	.left-side.list {
		border-right: none;
	}
	.article .text-field {
		/*width: 190px;*/
		width:60%;
	}
	.left-side.list .text {
		padding-right: 0;
	}
	.left-side.list h1 {
		margin-bottom: 10px;
	}
	.right-side.clanovi .user-info p a.more, .other-info p a.more, .more-articles a {
		padding: 8px 15px 5px;
	}
	.form-control.space {
		margin: 0 0 2px;
	}
	.left-side.clanovi.course {
	    border:none;
	    padding: 0;
	}
	a.banner {
		width: 100%;
		background-position: -30px 0;
		padding: 23px 25px 22px 20px;
	}
	a.banner span.title {
		width: 175px;
		font-size: 35px;
	}
	a.banner span.questionmark {
		margin-top: 20px;
		font-size: 113px;
	}
	.right-side.clanovi.course {
		padding: 0;
	}
	.course-list {
		border-top: 1px solid #ccd8e1;
		margin: 25px 0 0;
		padding: 27px 0 0;
	}
	.copyright a {
		float: none;
		display: block;
	}
	#footer {
		margin: 10px 0 0;
	}
	.idea {
		display: block!important;
		float: none!important;
	}
}

@media only screen and (min-width: 768px) { 
	.container {
    	width: 970px!important;
    }
    .hd .right-side ul.sub-nav li a {
    	font-size: 22px;
    }
    .hd .right-side ul.sub-nav {
    	margin-top: 20px;
    }
    .lang a {
    	font-size: 12px;
    }
	
}
@media only screen and (min-width: 992px) {
	.col1 {
		min-height: 750px;
	}
	.hd .right-side ul.sub-nav li a {
    	font-size: 16px;
    }
    .hd .right-side ul.sub-nav {
    	margin-top:10px;
    }
    .lang a {
    	font-size: 10px;
    }
	
}
@media only screen and (min-width: 1200px) {
	
}