@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1023px) {
	
	.center-column {width:95%;}
	.res-ads-div {display:none}
}
@media screen and (max-width:900px) {   
.res-menu-icon {display:block; text-align:right; margin-top:4px; }
.nav-col {display:none; margin-left:-1px; border:1px solid #EFEFEF !important;  background:#005fa3; margin-top:-2px;}
.nav-ul li {float:none}
.mobile{width: 100%!important;}
.nav-col {border-top:1px solid #c4c4c4;    width: 100%;}
img {max-width:100%; height:auto}
.full-width{border-bottom: none !important;}
}
@media screen and (max-width:800px) {
	

	.left-col {width:100%; padding:0; background:none}
	.slider-col {height:auto}
	.home-sec1-res-img {height:160px;}
	.right-col {width:100%; margin:30px 0 0; padding:0; background:none}
	.right-sec2 {margin-bottom:20px; width:30%; float:left; margin-right:5%;}
	.right-sec3 {margin-bottom:20px; width:30%; float:left; margin-right:5%;}
	.right-sec4 {margin-bottom:20px; width:30%; float:left;}
	.sec5-border {margin-bottom:25px;}
	
	/* CONTENTS */
	.mgn-cnt-col2 {width:100%; margin:0}
	.mgn-cnt-col1 {width:100%;}
	.res2-contents-bock1 {display:block}
	.contents-block1 {display:none}

}
@media screen and (max-width:700px) {   
.res-menu-icon {display:block; text-align:right; margin-top:4px; }
/*.nav-ul {display:none}*/
.mobile{width: 100%!important;} 
.nav-col {border-top:1px solid #c4c4c4;}
.nav-col {display:none; margin-left:-1px; border:1px solid #EFEFEF !important; margin-top:-2px;}
.nav-ul li {float:none}
.nav-ul li:first-child a {border-top: 0 ;}
}
@media screen and (max-width:630px) {
	.slider-col {padding:2%; width:96%; background:#f1f1f1; margin-bottom:20px;}
	.sec1-bg {background:none}
	.home-sec1-res-img {height:auto}
	.sec1-left-col {width:100%;}
	.sec1-res-img1 {float:left; width:167px; height:114px; margin:0 15px 0 0}
	.sec1-banner-cnt {width:auto; float:none; margin:0}
	.sec1-res-img1 img {width:167px; height:114px}	
	.sec1-right-col {width:100%; padding:0; background:none}
	.sec1-cnt1 {width:47%; margin-right:6%; margin-bottom:0; padding-bottom:0; float:left; border:0}
	.sec1-cnt2 {width:47%; float:left}
	.slider-h2 {margin-bottom:10px; padding-bottom:10px;}
	.sec2-col1, .sec2-col2, .sec2-col3 {width:100%; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #f3f3f3; border-right: 0 none; }
	.sec2-col1 > span, .sec2-col2 > span, .sec2-col3 > span {float: left; height: 114px; margin: 0 15px 0 0; width: 167px;}
	.sec2-col3 {border-bottom:0; padding:0; margin:0;}
	.sec3-col1 {width:167px; height:114px; margin:0 15px 0 0;}
	.sec3-col1 img {width:167px; height:114px;}
	.sec3-col2 {float:none; width:auto; margin:0; }
	.sec3-col2 h2 {margin-top:0}
	.sec2-col1 h2, .sec2-col2 h2, .sec2-col3 h2 {margin-top:0}
	
	.sec4-col1 {width:100%; border-bottom:1px solid #f3f3f3; padding-bottom:10px; margin-bottom:20px;}
	.sec4-col2 {width:100%; margin:0; }
	.sec4-res-img { float: left;margin-right: 15px; width: 30%;}
	.sec4-col1 h2{margin-top:0}
	.sec4-ul li:first-child {margin-top:-20px;}
	.sec4-ul li {padding-bottom:5px; padding-top:9px;}
	.sec5-col1 {margin-right: 15px;width: 30%;}
	.sec5-col2 {
    display: block;
    float: none;
    margin-left: 0;
    width: auto;
}
}

@media screen and (max-width:680px) {	
.right-sec2, .right-sec3, .right-sec4 {margin-bottom:20px; width:100% !important; float:left; margin-right:0% !important;}
.right-sec2 img {width:auto}
.right-sec3  img {width:auto}

.res-menu-icon {display:block}
.nav-col {display:none; border:1px solid #EFEFEF !important; background:#fff; margin-top:1px;}
.nav-ul li {float:none}
.nav-ul a { border-top: 1px solid #efefef; border-left:0; padding: 12px 11px;}
.nav-ul a.selected  {border-top: 1px solid #efefef; background:#FFF; color:#333;}
.nav-ul a:hover {background:#efefef; color:#fff; border-top:1px solid #efefef; color:#333;}



}
@media screen and (max-width:500px) {	
/* Magazine*/
.magazine-col2 {width:200px;}
.magazine-col1 {width:100%; margin:0}

}
@media screen and (max-width:500px) {
    .logo-col img{width:100%;}
  
}
@media screen and (max-width:600px) {	
/* Subscribe */
.subscribe-form-label {width:100%; margin-bottom:5px;}
.subscribe-txt {margin:0; width:100%;}
.subscribe-txt .input-txt {width:96%; padding:0 2%;}
}
@media screen and (max-width:400px) {
	
	.sec1-res-img1 {width:100%; height:auto}
	.sec1-res-img1 img {width:100%; height:auto}
	.sec1-cnt1, .sec1-cnt2 {width:100%; margin:0 }
	.sec1-cnt1 h2, .sec1-cnt2 h2 {margin-top:0}
	.home-sec1-res-img {width:30%; float:left; margin-right:15px;}
	.sec1-cnt1 {border-bottom:1px solid #f3f3f3; padding-bottom:10px; margin-bottom:20px ; margin-top:10px;}
	.sec2-col1, .sec2-col2, .sec2-col3 {padding-bottom:10px;}
	.sec2-col1 > span, .sec2-col2 > span, .sec2-col3 > span {float: left; height: auto; margin: 0 15px 0 0; width: 30%;}
	.sec2-border {padding-bottom:0}
	
	.sec3-col1 {width:100%; height:auto}
	.sec3-col1 img {width:100%; height:auto}
	.sec3-col2 {width:100%; float:left;}
	.sec3-col2 h2 {margin-top:10px;}
	
	.right-sec2 img {width:100%}
.right-sec3  img {width:100%}	

/* Magazine */

.past-magazine-col1 {width:100%;}
.past-magazine-col2 {width:120px;}

/* Contents */
.contents-res-mgn-col1 {width:100%;}
.contents-res-mgn-col2 {width:100%; margin:0}
}

@media screen and (max-width:570px) {
	
.form-lbl {margin: 0 0 8px; width: 100%;}
.form-lbl .form-colen {display: none;}
.form-txt {margin-left: 0;width: 100%;}	
}