@charset "utf-8";

@media only screen and (min-width:1024px) and (max-width:1399px) {
	.port-5col .port-item {width:25%; }
}
 
@media only screen and (max-width:980px) {
	.dl-menuwrapper{display:block; position:absolute; top:0; right:0;}
	
	.main-menu {display:none;}
	.wrapper {overflow:hidden;}
	
	.topbar .t-left {display:none;}
	#error404 {padding:50px 0;}
	
	.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
	.gall_row .col-gn-2,.gall_row .col-gn-3{width:50%}	
	.gall_row .col-gn-4,.gall_row .col-gn-5{width:33.3%}	
	.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{width:20%}
	.gall_row .box_clear{ clear: inherit}
	
	.container > .row {margin-left:0;margin-right:0;}
	
}
@media only screen and (min-width:980px) {
	footer .socials{float:right;}	
}

@media only screen and (min-width:768px) and (max-width:979px) {  
	.port-5col .port-item {width:25%;} 
	
	footer {text-align:center;}
	footer .finfo span:before{display:none;}
	footer .socials{float:none;margin-top:15px;text-align:center;}
}

@media only screen and (max-width:767px) {
	.sidebar{margin-left:-15px;margin-right:-15px;margin-top:30px;width:calc(100% + 28px) !important}
	
	#bo_list .td_num,#bo_list .td_num2{display:none;}
	
	footer {text-align:center;font-size:0.92em}
	footer .finfo span{white-space:normal;}
	footer .finfo span:before{display:none;}
	footer .socials {float:none;margin-top:15px;text-align:center;}
	
}

@media only screen and (min-width:568px) and (max-width:639px) {
	.port-3col .port-item,.port-4col .port-item,.port-5col .port-item {width:50%;}
	.h1-main ul {min-height:80px;} 
	.h1-main ul li {font-size:30px;line-height:35px;}
}

@media only screen and (min-width:480px) and (max-width:567px) {
	.port-3col .port-item,.port-4col .port-item,.port-5col .port-item {width:50%;}
	
	.text-heading.bold h1 {font-size:20px;}
	.h1-main ul {min-height:80px;} 
	.h1-main ul li {font-size:30px;line-height:35px;}
	.btn-start {bottom:5px;}
	.h3-intro h1 {font-size:22px;line-height:24px;} 
}

@media only screen and (min-width:480px) and (max-width:767px){
	.grid-layout.three-col li,.grid-layout.four-col li,.grid-layout li {width:50%;}
	.grid-layout.three-col li:nth-last-child(2n+1):after,.grid-layout.three-col li:nth-last-child(3):before{background:none;}
	.grid-layout.three-col li:nth-last-child(2n+2):after,.grid-layout.three-col li:nth-last-child(3):before{background:#e7e7e7;}
	
}

@media only screen and (min-width:320px) and (max-width:479px) {
	#error404 h2 {font-size:25px; }
	#error404 h1 {font-size:35px; }
	
	h1 {font-size:25px; line-height:28px; }
	h2 {line-height:30px;}
	.text-heading span {max-width:90%; }	
	.page-header h1 {font-size:30px; }	
	.text-heading.bold h1 {font-size:20px; }
	.port-3col .port-item,.port-4col .port-item,.port-5col .port-item {width:100%;}
	.h1-main ul {min-height:80px;} 
	.h1-main ul li {font-size:30px;line-height:35px;}
	.btn-start {display:none;}   
	.h3-intro h1 {font-size:22px;line-height:24px;} 
	
	.gall_row .col-gn-0,.latest_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5{width:100%}	
	.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{width:50%}	
}

@media only screen and (min-width:240px) and (max-width:319px) {
	#error404 h2 {font-size:15px;}
	.topbar {display:none;}
	.text-heading span {max-width:90%; }	
	.page-header h1 {font-size:30px; line-height:25px; }	
	.text-heading.bold h1 {font-size:20px; }
	
	.comment_container .avatar {display:none;}
	.comment-text {margin-left:0;}
	.comment-text:after {border:none;background:none;}
	.commentlist li button { margin: 0 0 0 -85px;}         
	.commentlist li ul {margin-left:30px;}
	.port-3col .port-item,.port-4col .port-item,.port-5col .port-item {width:100%;} 
	
	.h1-main ul {min-height:80px;} 
	.h1-main ul li {font-size:30px;line-height:35px;}
	.btn-start {display:none;}
	.h3-intro h1 {font-size:22px;line-height:24px;}  
}

@media only screen and (min-width:240px) and (max-width:479px){
	h1 {font-size:25px;}
	h2 {font-size:20px;}
	
	.grid-layout.three-col li,.grid-layout.four-col li,.grid-layout li {width:100%;}
	.grid-layout li:after{background:none;}
	.grid-layout li:before,.grid-layout li:nth-last-child(2):before,.grid-layout.three-col li:nth-last-child(3):before{background:#e7e7e7;}
	
}