@charset "utf-8";

@media screen and (max-width:1024px){
.wrapper { width:100%}
.topAreaBox { width:98%}
.header .logo { width:24%; margin-top:88px;}
.header .logo img { width:100%}
.rtl-area { width:73%}
.rtl-area .top-ad { width:auto; float:none}
.navigation { width:100%}
.left-container { width:65%; padding-left:20px;}
.right-container { float:right; width:30%; margin:0px 15px 0 0 ;}
.placeholder-img {float: left; margin-top: -57px; width: 25%; position:inherit; top:inherit; left:inherit}
.placeholder-img img { width: 100%;}
.allBanArea .banner {  width: 73%; margin-bottom: 13px;    margin-right: 2%;    margin-top: 23px;}
.allBanArea .banner img {width: 100%;}
.content-panel { margin-top:0px;}
.navigation ul { margin-left:10px;}
.rtl-area h1 {font: 800 18px/30px "Roboto",sans-serif;}
.rtl-area h1 strong { font-size:38px;}
.rtl-area ul li:nth-child(3) { margin-left:20px;}
 .rtl-area ul li { margin:40px 0 0 15px}
 .navigation ul li.lastLink{margin-left:211px;}
}

@media screen and (max-width:900px){
.left-container { margin:0px auto; padding:0px; float:none; width:95%}	
.right-container { margin:0px auto; padding:0px; float:none; width:95%}
.formArea { width:100%; margin-bottom:20px;}
.formArea ul li textarea { width:100%}
.right-ad { width:45%; background:#fff; margin-top:0px;}
.right-ad img { width:100%}
.right-box { width:48%; background:#fff;  margin-top:0px; margin-bottom:30px; float:right}
.right-box img { width:100%}
.top-ad-ipad { margin:0px auto; width:728px;}
.navigation ul li.lastLink {margin-left: 40px;}
.topAreaBox { padding-top:20px;}
.footerArea { width:100%}
.footLeft { width:32%; padding:5px 0 5px 19px; font-size:13px;}
.footRight { width:48%; padding:7px 10px 0 0; font-size:12px;}
.top-ad-ipad { display:block; margin-bottom:35px;}
.rtl-area h1 { font-size:16px; margin:0px; padding:0px; width:58%;}
.rtl-area h1 strong { font-size:27px; line-height:30px;}
.rtl-area ul { width:38%; margin-top:17px; float:right}
.rtl-area ul li { margin:0px; padding:0 10px 0 0;}
.rtl-area ul li img { width:100%}
.rtl-area ul li.comLogo { width:16%}
.rtl-area ul li.comLogo img { width:100%}
.rtl-area ul li:nth-child(3){margin:0px;}
.rtl-area ul li:nth-child(4){margin:0px;}
.rtl-area ul li:nth-child(5){margin:0px;}
.header .logo { margin-top:0px; margin-left:12px;}
.header { padding-bottom:20px;}
.navigation ul li a{padding:12px 6px}

.rtl-area .top-ad {
    width: auto;
    float: none;
    position: absolute;
    top: 16px;
    left: 22px;
    height: 203px;
}
.topAreaBox { padding-top:130px;}

}


@media screen and (max-width:767px){
.right-ad { float:none; width:100%; margin-bottom:30px; box-sizing:border-box; padding:10px}
.right-box { margin:0px; padding:0px; float:none; width:100%;  margin-bottom:30px; padding:10px; box-sizing:border-box}
.footHelp { width:100%; float:none; } 
.footLeft, .footRight { float:none; width:100%; text-align:center; padding:7px;  border-top:1px solid #919191}
.footerAdd { display:none}
.top-ad-ipad { display:none}
.footRight span, .footLeft span { display:inline}
.topRight { display:none}
.header { background:#febb14 url(http://media2.intoday.in/microsites/swachh-bharat/2016/contest/head-bg.jpg) no-repeat center top; /*background:#febb14*/}
.header .logo { width:45%}
.mobTopLogoCom { margin:11% 1px 0 0; padding:0px; float:right; display:block}
.mobTopLogoCom ul { margin:0px; padding:0px; list-style:none}
.mobTopLogoCom ul li { margin:0px; padding:0px; float:left; text-align:center}
.mobTopLogoCom ul li img { width:60%}
.mobTopPlace { margin:0px auto; padding:25px 0 4px 0; width:312px; display:block; clear:left}
.mobTopPlace h1 { margin:0px; padding:0px; font-size:25px; text-align:center; font-size:16px; font-weight:600 }
.mobTopPlace h1 strong {color: #e9262a; font-size:27px;}
.footerArea { padding:0px;}
.footText { margin-bottom:0px;}
	
/*** MOBILE NAVIGATION ***/
.navigation ul { margin:0px; padding:0px; display:none; }
.navigation ul li { margin:0px; padding:0px; width:100%; float:none}
.navigation ul li { border-bottom:1px solid #212121}
.navigation ul li a { padding:8px 0 8px 3%;}
.rtl-area { display:none}
.navigation ul li.lastLink { margin-left:0px; border-bottom:0px;}
.navIcon { margin:0px; padding:0px; float:left; cursor:pointer}
.navMob { display:block; width:95%; margin:0px auto; padding:10px 0 5px 5px; overflow:hidden}
.mobSocial { margin:0px; padding:0px; float:right}
.mobSocial ul { margin:0px; padding:0px; list-style:none; display:block}
.mobSocial ul li { margin:0px 0 0 15px; padding:0px; float:left; border:0px; width:auto}
.mobSocial ul li a { margin:0px; padding:0px; display:block}
.mobSocial ul li a:hover { background:none}
.mobToggleMenu { width:100%; position:absolute; top:0px; background:#000; top:37px;}
.msg_lightbox{}
.topAreaBox { padding-top:30px;}
.allBanArea .banner{margin-top:0;}
}