
@media only screen and (min-width : 240px) and (max-width: 300px){
	 body{background:#fff !important;}
	 .mm-menu{max-width:153px !important;}
	.main-wrapper{width:100%;}
	.menu-part{display:none;}
	.resp-menu{ display:inline; background:#225d89; height:30px; width:100%; float:left;}
	.menu ul ul { width:100%; z-index:999;}
	.menfre{margin:2px 7px;}
	.logo{width:88%; margin:0 auto; float:none; margin:0 auto;}
	.menu-part{width:100%;}
	.showwith{width:100%;}
	.newspart{width:97%; margin:0 6px;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%; margin:45px 0px 0 0;}
	#nav li {
 	position: static !important;

	}
	.middle-content .middle-left h3{font-size:15px;}
	.middle-eftc{width:94%; margin:0 10px;}
	.middle-content .middle-left h2{font-size:18px;}
	
	#header{width:100%; border:none; margin:0 1px 95px 0; height:232px;}
	.header-left{width:190px;}
	.header-right h1{font-size:16px;}
	.header-right h2{font-size:16px; line-height:19px;}
	.header-left .slider-image{width:100%; height:117px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:21px 0 40px 0px; width:193px;}
	#pager{width:190px;}
	#slider-navigation{width:185px; bottom:111px;}
	#next-slider{right:-7px;}
	.header-right p{font-size:11px;}
	.side_in1{width:100%;}
	
	
	.card-sec{margin:32px 0;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:235px;}
	ul.three-clm li{width:230px;}
	.in img{width:182px;}
	.card-sec ul.card li .in{width:79%; height:290px;}
	#slider3 .viewport{width:300px;}
	.aboutmiddle-left{ width: 94%;
    display: table;
    float: none;
    margin: 0 auto;
	}
	.indeximgd{width:207px !important;}
	.indeximgdd{width:214px !important;}
	.welcome-sec{width:92%;}
	.middle-content{width:98%; margin:15px 0;}
	.how-can-help-Holder-new{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:90%; margin:20px auto; float:none;}
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding-right: 0;}
	.leftbox1{width:90%;
	float: none;
    margin: 0 auto;
    width: 90%;
	}
	.history{width:100%;}
	.tablebox{width:344px; overflow:hidden; overflow-x:scroll;}
	.contimg{width:auto !important;}
	#slider3{padding:0 25px 10px !important;}
	.tickerContainer img{width:208px;}
	#tickerContainer h4{width:197px;}
	#ticker{width:207px;}
	#inimg{width:207px;}
	.leftbox img{width:100%;}
	.leftbox1 h4{font-size:12px;}
	.copyright{color:#333; width:98%;}
	.footer-nav a{color:#333; font-size:10px;}
}


@media only screen and (min-width : 302px) and (max-width: 409px){
	
	 body{background:#fff !important;}
	 .mm-menu{max-width:176px !important;}
	.main-wrapper{width:100%;}
	.menu-part{display:none;}
	.resp-menu{ display:inline; background:#225d89; height:30px; width:100%; float:left;}
	.menu ul ul { width:100%; z-index:999;}
	.logo{width:66%; margin:0 auto; float:none; margin:0 auto;}
	.menu-part{width:100%;}
	.showwith{width:100%;}
	.newspart{width:95%; margin:8px 10px 0 10px;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%; margin:22px 0 0px 0; }
	#nav li {
 	position: static !important;

	}
	.middle-content .middle-left h3{font-size:17px;}
	#slider3{padding:0 32px 10px !important;}
	
	em.mm-counter + a.mm-next{padding-left:6px !important;}
	.mm-listview > li > a, .mm-listview > li > span{padding:10px 10px 10px 7px !important;}
	
	
	#header{width:100%; border:none;}
	.header-left{width:270px;}
	.header-right h1{font-size:16px;}
	.header-right h2{font-size:16px; line-height:19px;}
	.header-left .slider-image{width:100%; height:150px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:5px 0 40px 0px; width:270px;}
	#pager{width:231px;}
	#slider-navigation{width:265px; bottom:111px;}
	#next-slider{right:-7px;}
	.header-right p{font-size:11px;}
	.side_in1{width:96%;}
	
	.card-sec{margin: 11px auto;
    width: 88%;
    float: none;
    display: table;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:294px;}
	ul.three-clm li{width:229px;}
	.in img{width:100%;}
	.card-sec ul.card li .in{width:99%; height:290px;}
	#slider3 .viewport{}
	.aboutmiddle-left{ width: 94%;
    display: table;
    float: none;
    margin: 0 auto;
	}
	.menfre{margin:2px 9px;}
	.indeximgd{width:100%;}
	.indeximgdd{width:100% !important;}
	.welcome-sec{width:95%;}
	.middle-content{width:98%; margin:15px 0;}
	.how-can-help-Holder-new{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:89%; margin:15px auto; float:none;}
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding-right: 0;}
	.leftbox1{
		display:table;
	float: none;
    margin: 0 auto;
    width: 90%;
	}
	.leftbox img{width:100%;}
	#ticker{width:100% !important;}
	#tickerContainer h4{width:97%;}
	.history{width:100%;}
	.tablebox{width:348px; overflow:hidden; overflow-x:scroll;}
	.contimg{width:auto !important;}
	.copyright{color:#333; width:99%;}
	.footer-nav a{color:#333; font-size:10px;}
	.middle-eftc{width:97%; margin:0 7px;}
	}


@media only screen and (min-width: 410px) and (max-width: 736px)  {
	
	 .main-wrapper{width:100%;}
	 body{background:#fff !important;}
	 .mm-menu{max-width:233px !important;}
	.menu-part{display:none;}
	.resp-menu{ display:inline; background:#225d89; height:30px; width:100%; float:left;}
	.menu ul ul { width:100%; z-index:999;}
	.logo{width:40%; margin:0 auto; float:none; margin:0 auto;}
	.menu-part{width:100%;}
	.showwith{width:100%;}
	.newspart{width:92%; margin:10px 8px;}
	.menfre{margin:2px 10px;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%; margin:0px 0 45px 0;}
	#nav li {
 	position: static !important;
	}
	
	
	#header{display:inline; width:100%; margin:27px 0 24px 0; height:201px; border:none;}
	
	.header-left{width:363px;}
	.header-right h1{font-size:16px;}
	.header-right h2{font-size:16px; line-height:19px;}
	.header-left .slider-image{width:100%; height:186px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:10px 0 64px 30px; width:295px;}
	#pager{width:363px;}
	#slider-navigation{width:310px;}
	#next-slider{right:-55px;}
	.header-right p{font-size:11px;}
	
	
	
	.card-sec{margin:32px 0;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:380px; float: none; margin: 0 auto;}
	ul.three-clm li{width:230px;}
	.in img{width:100%;}
	.card-sec ul.card li .in{width:117%; height:290px;}
	#slider3 .viewport{width:294px;}
	#slider3{padding:0 61px 10px !important;}
	.side_in1{width:95%;}
	.aboutmiddle-left{ width: 94%;
    display: table;
    float: none;
    margin: 0 auto;
	}
	.welcome-sec{width:95%;}
	.middle-content{width:100%; margin:15px 0;}
	.how-can-help-Holder-new{width:100%;}
	.leftbox img{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:66%; margin:12px auto; float:none;}
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding-right: 0; }
	.leftbox1{width:90%;
	float: none;
    margin: 0 auto;
    width: 73%;
	display:table;
	}
	.indeximgd{width:100% ;}
	#ticker{width:100%;}
	#tickerContainer h4{width:97%;}
	.indeximgdd{width:100% !important;}
	.history{width:100%;}
	
	.contimg{width:auto !important;}
	
	#slider3 .overview li{margin:0 70px 0 0 !important;}
	.middle-eftc{width:95%; margin:0 10px;}
	.middle-content .middle-left h3{font-size:18px;}
	.copyright{width:100%; color:#333;}
	.footer-nav a{color:#333;}
	}


@media only screen and (min-width: 652px) and (max-width: 767px){
	
	.main-wrapper{width:100%;}
	/*.menu-part{display:none;}*/
	.resp-menu{ display:inline;}
	.menu ul ul { width:100%; z-index:999;}
	.logo{width:29%; margin:0 auto;}
	.menu-part{width:71%;}
	.showwith{width:100%;}
	.newspart{width:57%;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%; margin:10px 0;}
	#slider{width:100%;}
	#nav > ul > li > a{font-size:12px;}
	#header{display:inline; width:100%; margin:0 0 0px 0; height:175px;}
	.indeximgd{width:100%;}
	.indeximgdd{width:100% !important;}
	.header-left{width:298px;}
	.header-right h1{font-size:20px;}
	.header-right h2{font-size:20px;}
	.header-left .slider-image{width:100%; height:161px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:0px 0 40px 0px;}
	#pager{width:298px;}
	#slider-navigation{width:390px;}
	#next-slider{right:90px;}
	#slider3{padding:0 43px 10px !important;}
	#ticker{width:100% !important;}
	#tickerContainer h4{width:97%;}
	.mm-menu{width:280px !important;}
	.card-sec{margin:0px 0;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:585px; float: none;
   
    margin: 0 auto;}
	html.mm-opening .mm-slideout{transform:translate(234px, 0px) !important;}
	
	.menu ul ul {width:250px;}
	.menu ul li a{padding:10px 5px 9px 0px;}
	ul.three-clm li{width:230px;}
	.in img{width:230px;}
	#nav li ul a {font-size:11px;}
	.card-sec ul.card li .in{width:100%; height:290px;}
	#slider3 .viewport{width:530px;}
	.aboutmiddle-left{ margin: 0 auto;
    width: 94%;
    float: none;
    display: table;}
	.welcome-sec{width:95%;}
	.middle-content{width:100%; margin:0px 0;}
	.how-can-help-Holder-new{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:53%; }
	.leftbox img{width:100%;}
	.middle-right .potential-value{width:99%;}
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding-right: 0;}
	.middle-eftc{width:97%; margin:0 10px;}
	.leftbox1{width:31%;
	
    margin: 0 5px;
	}
	.leftbox1 h4{font-size:13px;}
	.history{width:100%;}
	
	.contimg{width:auto !important;}
	
	#slider3 .overview li{margin:0 40px 0 0 !important;}

	
	
	}


@media only screen and (min-width:768px) and (max-width:979px){
	
	.main-wrapper{width:98%;}
	/*.menu-part{display:none;}*/
	.resp-menu{ display:inline;}
	.menu ul ul { width:100%; z-index:999;}
	.logo{width:27%; margin:0 auto;}
	.menu-part{width:72.7%;}
	.showwith{width:100%;}
	.newspart{width:63%; margin:7px 0 0 0;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%;}
	#slider{width:100%; height:208px !important;}
	#nav > ul > li > a{font-size:12px;}
	
    #header{display:inline; width:100%; margin:0 0 0px 0; height:202px;}
	
	.header-left{width:365px;}
	.header-right h1{font-size:20px;}
	.header-right h2{font-size:20px; }
	.header-left .slider-image{width:100%; height:188px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:0px 0 40px 0px; width:213px;}
	#pager{width:365px;bottom:10px;}
	#slider-navigation{width:390px; bottom:9px;}
	#prev-slider{bottom:10px;}
	#next-slider{right:22px;bottom:10px;}
	
	.card-sec{margin:32px 0;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:733px; float: none;
       margin: 0 auto;}
	.menu ul ul {width:250px;}
	.menu ul li a{padding:10px 5px 9px 5px;}
	ul.three-clm li{width:225px;}
	.in img{width:100%;}
	#nav li ul a {font-size:12px;}
	.card-sec ul.card li .in{width:100%; height:290px;}
	#slider3 .viewport{width:728px;}
	20px 0{width:98%;}
	.middle-right .potential-value{width:100%;}
	#slider3{padding:0 31px 10px;}
	.aboutmiddle-left{ width: 62%; margin:0 5px;}
	.welcome-sec{width:95%;}
	.middle-content{width:100%; margin:0px 0;}
	.how-can-help-Holder-new{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:34%; }
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding:0 1px; }
	.leftbox1{width:32%;
	
    margin: 0 2px;
	}
	
	.headfgg{width:84% !important; margin:0 auto !important; float:none !important; display:table !important;}
	.sliderhead{width:100%; margin:0; border-bottom:1px solid #ccc; float:left;}
	.indeximgdd{width:100%;}
	.middle-eftc{width:98%; margin:0 6px;}
	.leftbox img{width:100%;}
	.leftbox1 h4{font-size:13px;}
	.history{width:100%;}
	
	.contimg{width:auto !important;}
	
	#slider3 .overview li{margin:0 13px 0 0 !important;}
	#slider3{padding:0 19px 10px !important;}
	
	} 

@media only screen and (min-width: 981px) and (max-width:1200px){
	
	.main-wrapper{width:93%;}
	/*.menu-part{display:none;}*/
	.resp-menu{ display:inline;}
	.menu ul ul { width:100%; z-index:999;}
	.logo{width:29%; margin:0 auto;}
	.menu-part{width:70.8%;}
	.showwith{width:100%;}
	.newspart{width:64%; margin:8px 0 0;}
	ul#news{width:100%; padding:0;}
	.sliderpart{width:100%;}
	#slider{width:100%;}
	#nav > ul > li > a{font-size:13px;}
	
	 #header{display:inline; width:100%; margin:0 0 0px 0; height:249px;}
	
	.header-left{width:480px;}
	.header-right h1{font-size:20px;}
	.header-right h2{font-size:20px; line-height:19px;}
	.header-left .slider-image{width:100%; height:236px;}
	.header-left .slider-image img{width:100%; height:auto;}
	.header-right{margin:0px 0 40px 0px; width:239px;}
	#pager{width:482px;}
	#slider-navigation{width:476px;}
	#next-slider{right:-7px;}
	.middle-right .potential-value{width:102%;}
	
	.card-sec{margin:32px 0;}
	.middle-content{padding:6px 0;}
	.home-gallery{width:100%;}
	.subpage-slideshow{width:942px; float: none;
       margin: 0 auto;}
	.menu ul ul {width:250px;}
	.menu ul li a{padding:10px 5px 9px 15px;}
	ul.three-clm li{width:230px;}
	.in img{width:260px;}
	#nav li ul a {font-size:13px;}
	.card-sec ul.card li .in{width:113%; height:290px;}
	#slider3 .viewport{width:963px;}
	#slider3{padding:0 31px 10px;}
	.aboutmiddle-left{ width: 70%; margin:0 5px;}
	.welcome-sec{width:95%;}
	.middle-content{width:100%; margin:15px 0;}
	.how-can-help-Holder-new{width:100%;}
	.middle-content .middle-left img{width:100%;}
	.middle-right{width:27%; }
	.tickerContainer{width:80%; margin:o auto; float:none;}
	.footer-part{width:100%;}
	.middle-left{padding:0 1px;}
	.leftbox1{width:28%;
	
    margin: 0 20px;
	}
	.leftbox img{width:100%;}
	.leftbox1 h4{font-size:13px;}
	.history{width:100%;}
	
	.contimg{width:auto !important;}
	
	#slider3 .overview li{margin:0 78px 0 0 !important;}
	#slider3{padding:0 30px 10px !important;}
	.middle-eftc{margin:0 10px; width:98%;}
	.sliderhead{width:100%; margin:0; float:left; border-bottom:1px solid #ccc;}
	.headfgg{width:91% !important; float:none !important; display:table !important; margin:0 auto !important;}
	}


@media only screen and (min-width: 360px){
	html.mm-opening .mm-slideout{transform: translate(233px, 0px) !important;}
	
}

@media only screen and (max-width : 400px){html.mm-opening .mm-slideout{transform: translate(176px, 0px) !important;}}