@media only screen and (max-width: 600px) {
  .menu-btn {
    display: block;
  }
}

@media only screen and ((min-width: 601px) && (max-width:2000px)) {
  .menu-btn {
    display: none;
  }
}

.menu-btn{ position:absolute; top:-1px; right:15px; width:45px; height:40px; background-color:transparent; z-index:2; display: none; }
.menu-btn.menu-btn-active{ background-color:transparent;}
.menu-btn div{ background-color:#004276; margin-top:18px; margin-left:9px; height:3px; width:27px; position:absolute; display:block;  }
.menu-btn div:nth-child(1){ top:-9px; left:0; }
.menu-btn div:nth-child(2){ top:0px; left:0; opacity:9; }
.menu-btn div:nth-child(3){ top:9px; left:0; }
.menu-btn.menu-btn-active div:nth-child(1){background-color:#004276; top:1px; left:0;transform: rotate(45deg); }
.menu-btn.menu-btn-active div:nth-child(2){ opacity:0;}
.menu-btn.menu-btn-active div:nth-child(3){ background-color:#004276; top:1px; left:0;transform: rotate(-45deg); }
.topmenu, .topmenu.open, .menu-btn div, .menu-btn.menu-btn-active div{transition:all 0.3s ease; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.addthis_counter.addthis_bubble_style{ display:none; }
	@media only screen and (max-width:1024px) {
		.rb_add iframe{ width:100% !important; }
.default-panel{ width: 94% !important; margin: 0px auto;  }
.left-panel{ width: 66% !important;  }
.right-panel{ width: 30% !important;  }

}
@media only screen and (min-width:768px) and (max-width:992px) {
.ppy-placeholder{ width: 100%;  }

}
@media only screen and (max-width:991px){
.left, .right, .div1, .div2, #top, .mvtb, .left-panel div, .right-panel div, .rb_add div, .w-100, .centerDiv, #baseDiv, table, #header, .rb_add img, #menu ul, .add-2 img, .div3, .div5{ width: 100% !important;  }
#menu ul{ width: 92% !important;}
#menu{width: 68% !important;}
.rb_add{ width: 68% !important;  }
.columnContainer div.left{ width: 100% !important;  }
#menu #home{ display: none;  }
#menu ul li{ padding: 0px 5px;  }
#header.section{ height: 165px !important;  }
.mvtb .subscribe a:first-child img{ width: 250px !important;
left: 13px;
position: relative;  }

.mvtb td:first-child{display: none !important;   }
.mvtb td:nth-child(2){width: 83% !important;   }

.a-complete-text-left{ width: 54% !important; float: left;  margin-bottom: 25px; height: 26px !important; border-bottom: 3px solid #cccccc !important; }
.a-complete-text-right{ width: 43% !important;float: left; margin-bottom: 25px;}
.latest-news-heading{ padding-left: 0 !important;  }

}
@media only screen and (max-width:767px){
#menu ul li .home_arrow{ display:none !important; }
	.w-100, .m-100, #div-gpt-ad-1346114385439-0{ width:100% !important;  }
	.left, .m-container{ width:100% !important; }
body{ overflow-x: hidden;  }
.menu-btn{ display: block;  }
.default-panel{ width: 94% !important; margin: 0px auto;  }
.left-panel{ width: 100% !important;  }
.right-panel{ width: 100% !important;  }
#top .logo{ float: none; margin:0px auto; width: auto !important;     }
#top .logo img{ width: auto !important; height: auto !important; float: none !important;  margin:10px 0 5px 0; width: 160px !important; }
#top{ height: 60px !important;  }
#vTop{ display: none !important;  }
#top .logo{ height: auto !important; text-align: center;  }
#menu ul.topmenu{ position:absolute; background-color: #ededed; height: 100vh !important; right: -250px; width: 250px !important; top:39px;  }
#menu ul.topmenu.open {right: 0;  }  
#menu ul{ height: auto !important; float: none;  }
#menu ul li, #menu ul li a{ float: none !important; display: block; height: auto !important; }
#menu ul li{ padding: 0 !important;   }
#menu ul li a{ margin:0px 0 !important; padding:15px 20px !important; border-bottom: 1px solid rgba(1, 80, 127, 0.3);   }
.rb_add{ display: none !important;  }
#top_menu{ border-top: 2px solid #01507f; border-bottom: 2px solid #01507f; margin-bottom: 0 !important;  }
#menu{ width: 20% !important;  }
#top_menu #search input{ padding-top: 7px;  }
#header.section{ height: auto !important;  }
.mvtb td{ display: block;  }
.mvtb td:nth-child(2){ width: 100% !important;  }
.cnnOpin { float: none !important;  width: 100%; display: block; text-align: center; }
.subscribe{ float: none !important;width: 100%; display: block; margin-right: 0 !important; text-align: center; margin-bottom: 10px;}
.default-panel{ margin: 90px auto 0 auto !important; float: none !important;  }
#baseDiv{ padding: 0 0 25px 0 !important;  }
#top{ height: auto !important;  }
.addthis_toolbox .rss, .addthis_toolbox a{ float: none !important; display: inline-block !important;  }
.ppy-stage{height: 225px !important;background-size: cover !important;}
.ppy-outer .ppy-text{ position: relative; right: 14px;  }
.left-panel-link{ position: relative; right: 13px;}
.ar_column.cnnNowPlaying{ width: 97% !important; padding-bottom: 0 !important; }
.cnnNowPlaying a{ float: left !important;width: 34% !important;  }
.cnnNowPlaying .arTVinfoBox.ar_column a{ float: none !important;width:auto !important;}
.columnContainer div{ text-align: center !important; height: auto !important;  }
.columnContainer a{ float: none !important;text-align: center !important;  }
.cnnNowPlaying .arTVinfoBox.ar_column{padding-right: 0px; float: left !important;width: 62% !important;padding-left:10px;    }
.cnn_mc2node1{ float: left !important; width: 46% !important; margin:10px 10px !important;  }
.cnn_mc2node1:first-child, .cnn_mc2node1:nth-child(2n+3){margin-left:0 !important;   }
.cnn_mc2node1:nth-child(2n){margin-right:0 !important;   }
.cnn_mc2node1 .innerimga, .cnn_mc2node1 li a{width: 100% !important;  }
.cnn_mc2node1 li a{ height: 162px;  }
.cnn_mc2node1 .article{ margin:0 !important;width: 100%;  }
.cnn_mc2node1 img{width: 100% !important; height: 82px; }
.latest-news-block{padding: 5px 15px !important; width: 86% !important;margin:20px 10px !important;    }
.cnn_mc2node1 .innerconta{width: 80% !important; text-align: center; margin-left: 0; padding: 0 15px; margin-top: 10px;  }
.a-complete-text-left{border-bottom: 0px !important;}
.a-complete-text-right, .radio-text a:last-child { border-bottom: 1px solid #cccccc !important;  }
.a-complete-text-left, .a-complete-text-right{ height: auto !important; width: 94% !important;  padding-right: 10px !important;padding-left: 10px !important; text-align: center !important; float: none !important; margin-bottom: 0 !important; }
.a-complete-text-right a{ float: none !important;  }
#container{ display: block;  }
.table-responsive{overflow-x: scroll; display: block; width: 94% !important; }  
.div5 .table-responsive{ float: left !important;  }
.booking-img{ padding: 0 !important; float: left; margin:0 15px 20px 15px !important; width:93.5% !important; display: block;text-align: center !important; }
.booking-img img{ float: none !important; display: block;  }
.radio-text{ height: auto !important; padding: 0 !important;  }
.radio-text a{ float: none !important; text-align: center !important; display: block; height: auto !important; }
td.test:first-child ul{ padding-left: 0 !important;   }
.latest-news-heading{ border-top:2px solid #01507f !important; border-bottom:1px solid #cccccc !important; margin-top: 15px;  }
.video-clips-heading{ height: auto !important; width: 97% !important;  }
#watch-more-from{ margin-right: 12px; margin-left:10px;   }
.cnnNowPlaying-block-2{ margin-right: 12px;margin-left: 12px;  height: 92px !important; }
.cnnNowPlaying-block-1{ height: 92px !important;  }
.footer table table td{ display: inline-block; width: 49%; border:0 !important; height: auto !important; margin: 5px 0;}
.footer a, a.footerlink, a.footerlinkb, a.footerlinkbbb, a.footerlinkbb, a.footerlinkbbb6{ font-size: 12px !important;  }
.coppy-right{ font-size: 12px !important; padding: 5px 10px; line-height: 18px;  }
.body-active{ overflow: hidden !important;  }
#top_menu #search{ margin-left: 20px;  }
.mvtb{ margin-top: 130px;  }

.header{ background-color: #ffffff; position: fixed !important; z-index: 999999; top:0 !important; left: 0 !important; width: 100% !important;   }
.default-panel-img img{ width:100% !important; }
.float_none{ float:none !important; }
.top_img > img{ height:300px; float:left; }
.top_img{ margin-top:90px; }
#menu ul li .home_arrow{ display:none !important; } 
#aswift_1 { display:none !important; }
}
@media only screen and (max-width:340px){
.cnn_mc2node1{ width: 45% !important;  }
.cnn_mc2node1 li a{ height: 166px;  }
.cnnNowPlaying-block-2{ height: 97px !important;  }
}



.columnContainer {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;

}

.columnContainer div.left {
	width: 660px !important;
	float: left;
}
.columnContainer div.right {
	width: 300px !important;
	float: left;
	padding-bottom:10px;
}
.columnContainer div.right1 {
	width: 300px !important;
	float: left;
	padding-bottom:10px;
}

.columnContainer div .inner {
	width:100%;
/*	height:50%; */
	margin:0px;
	padding:0px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	overflow-y:scroll !important;
	overflow-x:hide !important;
	margin-bottom:20px;
}


.cnnNowPlaying {
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0.2) 0px, rgba(31, 31, 31, 0.2) 100%) repeat scroll 0 0 transparent;
    /*margin: 0 0 15px;*/
    text-decoration: none;
    width: 324px;

	padding:0 10px 0 0;
}

.ar_column {
    float: left;
}

.arTVinfoBox {
    margin: 0;
    padding: 5px 0 0;
    width: 203px;
}

.ar_hpTVdomvmodlnks2 {
    background-image: url("images/btn-watchLive.2.png");
    display: inline;
    float: right;
    height: 17px;
    margin: 10px 0 7px 7px;
    width: 100px;
}

.ar_hpTVdomvmodlnks2:hover {
    background-position: 0 -17px;
}




.footerlink { font-size:10px; font-weight:normal; }
a.footerlink { font-size:10px !important; font-weight:normal; color:#000000 !important; display:inline-block !important;}
a.footerlink:hover {
    display: inline-block;
    font-size: 10px !important;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.25s linear 0s, background-color 0.15s linear 0.1s;
    width: 100px;
	background-color: #e2e2e2;
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;
	
	}

a.footerlinkb { font-size:10px !important; font-weight:normal; color:#000000 !important; display:inline-block !important;}
a.footerlinkb:hover { display: inline-block;
    font-size: 10px !important;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.25s linear 0s, background-color 0.15s linear 0.1s;
    width: 140px;
	background-color: #e2e2e2;
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;}

a.footerlinkbb { font-size:10px !important; font-weight:normal; color:#000000 !important; display:inline-block !important;}
a.footerlinkbb:hover { display: inline-block;
    font-size: 10px !important;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.25s linear 0s, background-color 0.15s linear 0.1s;
    width: 180px;
	background-color: #e2e2e2;
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;}

a.footerlinkbbb { font-size:10px !important; font-weight:normal; color:#000000 !important; display:inline-block !important;}
a.footerlinkbbb:hover { display: inline-block;
    font-size: 10px !important;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.25s linear 0s, background-color 0.15s linear 0.1s;
    width: 200px;
	background-color: #e2e2e2;
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;}

a.footerlinkbbb6 { font-size:10px !important; font-weight:normal; color:#000000 !important; display:inline-block !important;}
a.footerlinkbbb6:hover { display: inline-block;
    font-size: 10px !important;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    transition: color 0.25s linear 0s, background-color 0.15s linear 0.1s;
    width: 160px;
	background-color: #e2e2e2;
-webkit-transition: color .25s linear, background-color .15s linear .1s;
transition: color .25s linear, background-color .15s linear .1s;}






	.inner1 ul { padding:0px; position:relative;}

	.inner1 li { list-style:none; float:left; text-align:left;}
	.inner1 li a { background-color: #ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block;  border-bottom:1px solid #ffffff; width:285px;}
	.inner1 li a:hover { background-color: #efefef; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  border-bottom:1px solid #efefef}
	.mainsp { display:block; width:270px;}
	.outer { border:1px solid #999; width:92px; display: inline-block; position:relative; float:left; margin-right:5px;}
	.inner21 { border:1px solid #ffffff; width:90px; display:block;}
	.innerimg {  width:90px; display:block;}

	.innercont { width:auto;}
	
    
    
	.test ul { padding:0px; position:relative; float:left; padding-left:15px;}

	.test li { list-style:none; float:left; text-align:left; border:1px solid #cccccc; padding:0px;}
	.test li a { background-color: #ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block; padding:5px;  border-bottom:1px solid #ffffff}
	.test li a:hover { background-color: #efefef; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  border-bottom:1px solid #efefef}
	.test1 { display:block; width:170px;}
	.test2 { display: inline-block; position:relative; float:left; margin-right:5px;}
	.test3 { border:1px solid #ffffff;  display:block;}
	.test4 {   display:block;}

	.innercont { width:auto; font-size:13px; }
	.Contributor { font-size:11px; font-weight:normal; color:#000000}
	
    
    
	.cnn_mc2node1 ul { padding:0px; position:relative;}

	.cnn_mc2node1 li { list-style:none; float:left; text-align:left;}
	.cnn_mc2node1 li a { background-color: #ffffff; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block; height:127px; width:167px;}
	.cnn_mc2node1 li a:hover { background-color: #efefef; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
	.latest { display:block; }
	.article { display: inline-block; position:relative; margin-left:7px; margin-top:7px;}
	.inner22 { width:100%}
	.innerimga {  width:120px; display:block;}

	.innerconta { width:148px; display:block; margin-left:7px; text-align:right; margin-top:5px; font-size:13px;}
	
    
     
	.news ul { padding:0px; position:relative;}

	.news li { list-style:none; float:left; text-align:center; padding:0px; margin-left:12px;}
	.news li a { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block; }
	.news li a:hover { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
	.news1 { display:block; width:135px;}
	.news2 { display: inline-block; position:relative; float:left; margin-right:5px;}
	.news3 { border:1px solid #ffffff;  display:block;}
	.news4 {   display:block; text-align:center; margin-left:15px;}

	.innercont-news { width:auto;}
	.Contributor-news { font-size:11px; font-weight:normal; color:#000000}
	
	
	
		.auto-style1 {
			direction: ltr;
		}
		
		
		
		.clearfix {
		  *zoom: 1;
		}
		
		.clearfix:before,
		.clearfix:after {
		  display: table;
		  line-height: 0;
		  content: "";
		}
		
		.clearfix:after {
		  clear: both;
		}
		

	
	.centerDiv
	{
		width: 980px;
		height: auto;
		margin: 0 auto;
		background-color:#FFFFFF ;
	}
	.div1
	{
		width: 641px;
		height: auto;
		background-color:#FFFFFF ;
		float:left;
	}
	.div2
	{
		width: 324px;
		height: auto;
		background-color:#FFFFFF ;
		float:right;
	}
	.div3
	{
		width: 300px;
		height: auto;
		background-color:#FFFFFF ;
		float:left;
	}
	.div4
	{
		width: 660px;
		height: auto;
		background-color:#FFFFFF ;
		float:right;
	}
	.div5
	{
		width: 670px;
		height: auto;
		background-color:#FFFFFF ;
		float:right;
	}
	

 
img {
    /* display: block; */ 
    margin-left: auto;
    margin-right: auto;
}

			
				.ppy-placeholder{ width:auto !important; height:auto !important; position:relative !important; margin: 0 !important;}
				.ppy-active { top:auto !important; right:auto !important; position:relative !important; }
				#dy-header { float:none !important; }
				.ppy-caption, .ppy-captionwrap { overflow: visible !important; width:614px; font-size:15px; font-weight:bold; line-height:30px; color:#ffffff; }