@charset "utf-8";
/* CSS Document */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

@media screen and (max-width:1023px) {
	
	.center-column {width:95%;}
	.res-ads-div {display:none}
	.light-text1{margin:10px !important}
	.bullet_des{margin-top:4px !important}
	.bullet_des {
    
    margin-top: 3px;}
}

@media screen and (max-width:830px) {
	

	.left-col {width:100%; padding:0; background:none}
	.right-col {width:100%; margin:30px 0 0; padding:0; background:none}
	.right-sec2 {margin-bottom:20px; width:100%; float:left; margin-right:0%;}
	.right-sec2 img {width:auto}
	.right-sec3 {margin-bottom:20px; width:100%; float:left; margin-right:0%;}
	.right-sec3 img {width:auto}
	.right-sec4 {margin-bottom:20px; width:100%; float:left;}
	.sec5-border {margin-bottom:25px;}
	.sec1-img-mask {height:auto}
	#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;}
}

@media screen and (max-width:700px) {	
.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}

}
@media screen and (max-width:920px) and (min-width:830px){
 #stickyribbon2{ width:200px !important}
}
@media screen and (max-width:990px) {	
.form-col{width:97% !important}
.res-menu-icon {display:block; text-align:right; margin-top:30px; }
.res-menu-icon { 
    margin-top: 15px;
    background: #efefef;
    border: 1px solid #e2e2e2;
    text-align: left;
    float: left;
    width: 100%;
    height: 35px;
}
.nav-col {display:none; margin-top:24px;  background:#02598e;left:0;z-index: 9999 !important;}

.nav-ul li {float:none}
.nav-ul a { border-top: 1px solid #ddd; color:#fff; border-left:0; padding: 10px 11px;}

.nav-ul a:hover {background:#efefef !important; color:#fff; border-top:1px solid #efefef !important; color:#333;}

.nav-ul li:first-child a {
    border-top: 0 ;
	
}
.nav-col {
    
    margin-top: -10px !important;
}
#stickyribbon2{top:0px !important; width:240px !important}
#sticky_logo{display:none !important;}
.nav-ul a.selected {
    border-top: 1px solid #efefef !important;
    background: #FFF !important;
    color: #333 !important;
}
.navbar1{ height:0px; margin-top: 60px;}
.navbar-header{border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
.navbar-collapse{background: #f5f5f5;}
.dropdown-menu{margin-top: 40px !important;}
}

@media screen and (max-width:487px) {
	.news-img-col {margin-bottom: 5px;}
}
@media screen and (max-width:350px) {
	
	.menu-column {float:left; width:100%;}
	.res-menu-icon {
    border-top: 1px solid #efefef;
    display: block;
    margin-top: -3px;
    padding-top: 0px;
    text-align: right;
}
.nav-col {margin-top:0}
}
@media screen and (max-width:960px) and (min-width:831px){
.Security-10 {
    color: #fff;
    margin: 2px 0 15px !important;
    font-weight: 700;
    font-size: 15px !important;
    line-height: 20px !important;
    text-align: left;
}
}
@media screen and (max-width:400px) {

.right-sec2 img {width:100%}
.right-sec3 img {width:100%}

.right-sec2 img {width:100%}
.right-sec3  img {width:100%}

.sec3-col1 img {width:100% !important;}
.sec3-res-col1 {width:100% !important; float:left; margin:15px 0 0 !important}

.sec3-col2 img {width:100% !important;}
.sec3-res-col2 {width:100% !important; float:left; margin:15px 0 0 !important}

.sec3-col3 img {width:100% !important;}
.sec3-res-col3 {width:100% !important; float:left; margin:15px 0 0 !important}
.twitt{float: none !important;margin-left: 130px;display: inline;}
}
@media screen and (max-width:428px) {
	.form-txt{ margin-left: 20px !important; margin-bottom: 10px !important;}
			
}
@media screen and (max-width:460px) {
	
	.sec1-col1 {width:100%; margin:0;}
	.sec1-col2 {width:100%; margin:25px 0 0}
			
}
	

@media screen and (max-width:600px) {
	
	.sec3-col1 {width:100%; margin:0 0 25px 0; border-bottom:1px solid #f2f2f2; }
	.sec3-col1 img {width:22%; float:left; margin-right:15px;}
	.sec3-res-col1 {margin-left:25%; }
	.sec3-res-col1 h3 {margin-top:0}
	
	.sec3-col2 {width:100%; margin:0 0 25px 0; border-bottom:1px solid #f2f2f2; }
	.sec3-col2 img {width:22%; float:left; margin-right:15px;}
	.sec3-res-col2 {margin-left:25%; }
	.sec3-res-col2 h3 {margin-top:0}
	
	.sec3-col3 {width:100%; margin:0 ;  }
	.sec3-col3 img {width:22%; float:left; margin-right:15px;}
	.sec3-res-col3 {margin-left:25%; }
	.sec3-res-col3 h3 {margin-top:0}
	
	.sec4-colbrd1 {border:0}
	.sec4-news1 {width:100%; float:left; border-bottom:1px solid #f2f2f2; padding-bottom:15px; margin-bottom:20px; border-right:0;}
	.sec4-news2 {width:100%; float:left;  border-bottom:1px solid #f2f2f2; padding:0 0 15px; margin-bottom:20px; border-right:0;}
	.sec4-news3 {width:100%; float:left;  border-bottom:1px solid #f2f2f2; padding:0 0 15px; margin-bottom:20px; border-right:0;}
	.sec4-news4 {width:100%; float:left;   padding:0;  border-right:0;}
	
	.sec4-news1-img {width:22%;}
	.sec4-col1 img {width:100%; }
	.sec4-news1-title {margin-left:25%;}
	.img-wid{

width: 42% !important;
margin-bottom: 16px !important;
}
		
}
@media (max-device-width: 630px) and (min-device-width: 320px)
{
.news-cnt-col {margin-top:10px !important; width:100% !important}
.news-img-col{width:100% !important;}
#rank-left {
    
    width: 100% !important;
}
#rank-right {
    
    width: 100% !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 (max-device-width: 830px) and (min-device-width: 600px){
	.right-col{ width:45% !important;}
	
}

@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%;}	
}
@media screen and (max-width:500px) {
#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;}

}