/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	.header, .main, a.banner_link{max-width: 96%;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1120px) {

	/*
	header ****************************/
	.jurnals-logo{margin: -153px 0 0 17px;}
	.header-right{width: 30%;}
	.header-links span{margin-left: 10px;}
	.menu{font-size: 14pt;}
	.menu li{margin-right: 1%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.headhesive {display: none !important;}
	.header-left{
		width: 450px;
		float: none;
		margin: 0 auto;
	}
	.header-right{
		width: 96%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.header-links span{margin:0 10px;}
	.jurnals-logo{
		float: none;
	  margin: 6px 17px;
		top: 0;
		-moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	a.jurnals-logo__link{display: none;}
	a.jlogo-ltext{
		position: static;
		margin: 0 auto;
		display: block;
		-moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	/* .nav-btn */
	.nav-btn{display: block;}
	.menu{
		display: none;
		position: absolute;
    top: 40px;
		width: 100%;
    padding: 3%;
		font-size: 12pt;
		background: #fff;
		z-index: 2;
	}
	.menu li{
		border-top: 1px solid #ddd;
		display: block;
		padding: 8px 0 4px
	}
	.menu li:first-child{
		border-top: 0;
	}
	.menu li a{
		outline:none;
		color: #010101;
		display: block;
	}
	.carusel-info a{font-size: 16pt;}
	.menu li a.active{font-size: 16pt;}
	a.posts-link {
	    font-size: 14pt;
	    line-height: 22px;
	}
	/* blog */
	.blog-content{ width: 64%;}
	.blog-sidebar{width: 33%;}
	.blog-item{width: 47%;}
	a.blog-item__link,
	.topblog a{
		font-size: 12pt;
		line-height: 20px;
	}
	.img-captcha{float: none;}
	.txt-captcha{
		margin-top: 20px;
		float: none;
		width: 100%;
	}
	.videocat-item{
		width: 90%;
		margin: 0 auto 26px;
		display: block;
	}
	.videocat-item:nth-child(odd){margin-right:auto;}
	.icons-play{margin: 24% 0 0 44%;}
	.jurnals-item a{font-size: 14pt;}
	.video-main__btn2{width: 66px;     left: 42%;}
	a.childpost-img{width: 43%;}
	.childpost-text p{
		line-height: 18px;
    font-size: 12pt;
	}
	.childpost-element{width: 80%;margin-left: 2%;}
	.slider-btn1all .btn-top, .slider-btn1all .btn-down{margin-top: 5%;}
	.blog-posts2 .blog-item{width: 47%;}
	.single-main{width: 80%;}
	.single-main h2{font-size: 16pt;}
	.single-main h3 {
	    font-size: 13pt;
	    line-height: 24px;
	}
	.single-ileft{
		display: block;
		width: 90%;
	}
	.single-iright{
		display: block;
		width: 90%;
		text-align: left;
		margin-top: 14px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.carusel-text{width: 80%;}
	.carusel-info a{
		font-size: 13pt;
		line-height: 23px;
	}
	.carusel-btns{display: none;}
	.styles-content{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.styles-idebar{
		float: none;
		width: 70%;
		margin: 90px auto;
	}
	.baseb_item{width: 94%;}
	/* blog */
	.blog-content,
	.blog-sidebar{
		float: none;
		width: 98%;
		margin: 0 auto 30px;
		padding: 1px 0;
	}
	.blog-post {text-align: center;}
	.blog-item{margin: 1% 1% 2%;}
	.blog-title3,
	.blog-title2,
	.blog-title{font-size: 18pt;}
	.blog-title3:before,
	.blog-title2:before,
	.blog-title:before{top: 5px;}
	.top-title{margin: -19px auto 30px;}
	.top-title span{font-size: 20pt;}
	.top-title p{font-size: 14pt;}
	/* video */
	.video-content, .video-sidebar{
		float: none;
		width: 96%;
		margin: 0 auto;
	}
	.video-main__txt{font-size: 12pt;}
	/* footer */
	.footer-nav{
		width: 80%;
		margin: 35px auto;
	}
	.footer-nav li{display: block;}
	a.footer-logo{width: 80%;}
	.footer-text{width: 80%;}
	.video-main__btn{width: 60px; left: 44%;}
	a.videocat-link{
		font-size: 12pt;
		line-height: 19px;
	}
	.menuchild{font-size: 12pt;}
	.menuchild li{margin: 0 1%;}
	.childpost-text,
	a.childpost-img{width: 100%;  margin:0 0 2%;}
	.btn-top, .btn-down{
		font-size: 20pt;
		-webkit-background-size: 30px;
		-moz-background-size: 30px;
		-o-background-size: 30px;
		background-size: 30px;
	}
	.slider-btn1all .btn-down .fa {
	    top: 12px;
	    right: 20px;
	}
	.slider-btn1all .btn-top .fa {
	    right: 22px;
	    top: 12px;
	}
	.jurnals-info{display: none;}
	.video-slider .btn-top .fa{bottom: -5px;}
	.video-slider .btn-down .fa{bottom: -7px; position: relative;}

	.profile-title__left {
		float: none;
		position: relative;
    	top: 50px;
	}
	a.profile-title__right {
		float: none;
		position: relative;
    	bottom: 35px;
	}
	.list-view {
		text-align: center;
	}
	/* .profile-blog__item */
	.profile-blog__item{
		width: 46%;
	}
	/* single-blog */
	.single-blog .childpost-info {
		display: block;
		width: 140px;
	}
	.single-blog .childpost-info .info-date,
	.single-blog .childpost-info a.info-comment {
		display: inline-block;
		margin-right: 1em;
	}
	.single-blog .single-main {margin-left: 0; width: 100%;}
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.header-left{width: 86%;}
	.loadmore{
		  width: 80%;
			font-size: 12pt;
	}
	.blog-item {
	    width: 80%;
			margin: 1% 1% 13%;
	}
	.login-form h2{font-size: 20pt;}
	.video-main__btn{width: 35px;}
	.video-t{
	    font-size: 12pt;
			line-height: 19px;
	}
	.menuchild li{display: block;}
	.childpost-element{width: 86%;}
	.childpost-element{width: 74%;}
	.slider-btn1all .btn-top, .slider-btn1all .btn-down{margin-top: 4%;}
	.hidden{display: none;}
	.style-user, .article-form {
		width: 94%;
		margin: 0 auto;
	}
	.user-title {
		font-size: 16pt;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.carusel{display: none;}
	.icons-play{width: 46px;}
	.jurnals-item:nth-child(odd){margin-right: 1%;}
	.jurnals-item a {font-size: 10pt;}
	.video-main__btn2{width: 50px; margin: 28% 0 0 44%;}
	.slider-btn1all .btn-top, .slider-btn1all .btn-down{margin-top: 2%;}
	.blog-posts2 .blog-item{width: 86%;}
	.single-main{width: 72%;}
	/* .profile-blog__item */
	.profile-blog__item{
		width: 90%;
	}
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}