@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 !important;}
}

@media screen and (max-width:950px) and (min-width:801px){
 #stickyribbon2{ width:200px !important}
 
}
@media screen and (max-width:800px) and (min-width:768px){
 #stickyribbon2{ width:180px !important}
 
}
@media screen and (max-width:1010px) and (min-width:800px){

.Security-10 {
   line-height: 17px !important;
   margin: 2px 0 15px !important;
}
 
}
@media screen and (max-width:800px) {
	#stickyribbon2{margin-top: 0px !important;}
	#stickyribbon2{top:0px !important; }
	.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}
	
	#advert{display:none !important;}
.logo-col{ margin-bottom:20px !important;}
.res-menu-icon{ margin-bottom:10px !important;}
.res-menu-icon img{margin-bottom: 0px !important;}
h2{padding-top:4px !important;}

}
@media screen and (max-width:900px) {
	#sticky_logo{display:none !important;}
}
@media screen and (max-width:760px) {

	#advert{display:none !important;}
}
@media screen and (min-width:320px) {
	#vendor-list{width:100% !important;}	
}
@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;
}
.news-cnt-col2 h2{font-size:18px !important}
.news-cnt-col h2{font-size:18px !important}
.date{padding-bottom:6px !important}
#rank-left {
    
   width: 100% !important;
}

#rank-right {
    
    width: 100% !important;
}
}

@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}


.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;}
.res-h2-new{margin-left: 0px!important;}


}
@media screen and (max-width:500px) {	
/* Magazine*/
.magazine-col2 {width:200px;}
.magazine-col1 {width:100%; margin:0}
.quote_wid{margin-top: 51px !important;}
#desc_img {width: 100% !important;}
#desc_img > img {width: 100% !important; height: 100% !important;}
#desc_img img { width: 100% !important;  height: 100% !important;}
#desc_img > span { width: 100% !important;} 
#desc_img span {width: 100% !important;}
.priority-nav__dropdown.show{ margin-left:45px !important;}

}

@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:100%; 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: 100%;}
	.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%}	
.sec4-img-thumb{width: 100%;}
.sec4-res-img{width: 100%;}
.sec5-col1{width: 100%;}
.slider-col{padding: 0px;width: 100%;}
.sec5-col1{margin-right: 0px;}

/* 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%;}	
.form-ul{width: 100% !important;}
}