/** 
 * Sets the grids maximum width
 * @var $grid-max-width (pixels|ems|percentage)
 */
/*!
 * Sets the grids breakpoint
 * To add a new break point you'll need to add an element to the list.
 * Here's an example: ( class-name-prefix, minimum-width, maximum-width, gutter-width, no-media-query).
 * class-name-prefix: this is the prefix used in tons of inks classes i.e.: large-100, small-40, etc.
 * minimum-width: (pixels|null) the minimum width for the breakpoint 
 * maximum-width: (pixels|null) the maximum width for the breakpoint 
 * gutter-width: (ems) the width for the gutters (space between grid columns) for the breakpoint 
 * no-media-query: (true|false) if you need to support IE8 set this to true on a single breakpoint.
 *                 Since IE8 does not support the @media statement leaving one of the breakpoints
 *                 outside a @media query let's you use the grid in IE8.
 */
/* for xlarge screens */
@media screen and (min-width: 1261px)
{
	body .container{
		width:1000px;	
	}
	body .menu_main_bg{
		background: url("/templates/isha/responsive/u30_line.png") no-repeat scroll right center transparent !important;
	}
	.js #menu {
		display:block;
		padding-top: 14px;
	}
	.js .slicknav_menu {
		display:none;
	}
	div.menu a,
	div.menu a:visited,
	div.menu a:link {
		font-size: 18px; 
		font-family: "Trebuchet MS", "Times New Roman", Times, serif !important ;
		font-weight:normal;
		color:#FFFFFF;
	}
	body .header_googlebg{
		padding-bottom:3px;
		padding-top:3px;
	}
	/*Start middle content style */	
	body div.middle_content{
		width:100%;	
	}
	body .sliderleft{
		padding-left:40px;
	}
	body .cat_sliderspanel
	{
		margin: 0 9% 0 0;
	}
	body .cat_slider_2{
		margin-left:25px;
	}
	body .cat_slider_3{
		margin-left:30px;
	}

	body .mid_blog_posts{
		margin:15px;
	}
	body .mid_blog_bottom{
		height:55px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}
	
	body .dfp_code_ads_bottom{
		width: 98%;
		height: auto;
		margin:10px;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}
}
/* for large screens */
@media screen and (min-width: 1010px) and (max-width: 1260px)
{
	body .container{
		width:90%;	
	}
	body .menu_main_bg{
		background: url("/templates/isha/responsive/u30_line.png") no-repeat scroll right center transparent !important;
	}
	.js #menu {
		display:block;
		padding-top: 14px;
	}	
	#menu li a {
		font-size: 16px !important;
		line-height: 18px;
	}
	div.menu a,
	div.menu a:visited,
	div.menu a:link {
		font-size: 16px; 
		font-family: "Trebuchet MS", "Times New Roman", Times, serif !important ;
		font-weight:normal;
		color:#FFFFFF;
	}
	body .header_googlebg{
		padding-bottom:3px;
		padding-top:3px;
	}
	.hdr_buttons a {
		font-size: 16px !important;
	}
    	.js .slicknav_menu {
		display:none;
	}
	/*#menu li a {
		    font-size: 12px !important;
	}*/
	/* Style for Slider Section */
	body .sliderleft{
		padding-left:30px;
	}	
	body .cat_sliderspanel
	{
		margin: 0 9% 0 0;
	}
	body .cat_slider_2{
		margin-left:20px;
	}
	body .cat_slider_3{
		margin-left:25px;
	}
	/* Style for Blog Section */
	body .mid_blog_posts{
		margin:3%;
	}
	body .mid_blog_bottom{
		height:80px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}	
	body .dfp_code_ads_bottom{
		width: 80%;
		height: auto;
		margin:10px;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}	
}
/* for large screens */
@media screen and (min-width: 961px) and (max-width: 1010px)
{
	body .container{
		width:95%;	
	}
	body .menu_main_bg{
		background: url("/templates/isha/responsive/u30_line.png") no-repeat scroll right center transparent !important;
	}
	.js #menu {
		display:none;
		padding-top: 13px;
	}
	#menu li a {
		font-size: 16px !important;
	}	
	.js .slicknav_menu {
		display:block;
	}
	div.menu a,
	div.menu a:visited,
	div.menu a:link {
		font-size: 16px; 
		font-family: "Trebuchet MS", "Times New Roman", Times, serif !important ;
		font-weight:normal;
		color:#FFFFFF;
	}
	body .header_googlebg{
		padding-bottom:3px;
		padding-top:3px;
	}
	body .header_googlebg img{
		margin-top:0px;
	}
	/*#menu li a {
		    font-size: 12px !important;
	}*/
	
	body .lg_donate_shop{
		display:none !important;
	}
	/* Style for Slider Section */
	body .sliderleft{
		padding-left:30px;
	}	
	body .cat_sliderspanel
	{
		margin: 0 9% 0 0;
	}
	body .cat_slider_2{
		margin-left:20px;
	}
	body .cat_slider_3{
		margin-left:25px;
	}
	/* Style for Blog Section */
	body .mid_blog_posts{
		margin:3%;
	}
	body .mid_blog_bottom{
		height:80px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}	
	body .dfp_code_ads_bottom{
		width: 98%;
		height: auto;
		margin:10px;
		margin:10px;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}	
}
/* for medium screens */
@media screen and (min-width: 641px) and (max-width: 960px)
{
	/* Display/Hide Menu base on device width */
	body .container{
		width:95%;	
	}
	body .menu_sml_hdn {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}
	/* Display/Hide Secondary Menu base on device width */
	body .secondary-menu{
		display:none;
	}
	body .transMenu{
		left: -1000px;
		overflow: hidden;
		position: sticky;
		top: -1000px;
	}
	#menu li a {
		font-size: 13px !important;
	}
	body .header_googlebg{
		padding-bottom:3px;
		padding-top:3px;
	}
	div.menu a,
	div.menu a:visited,
	div.menu a:link {
		font-size: 16px; 
		font-family: "Trebuchet MS", "Times New Roman", Times, serif !important ;
		font-weight:normal;
		color:#FFFFFF;
	}	
	/* Slider Section */
	body .slidercnd_title{
		font-size: 25px;
	}
	body .slidercnd_content{
		font-size:12px;
		padding:10px;
		width: 96%;
		line-height: 18px;
	}
	body .sliderleft{
		padding-left:20px;
	}
	body .cat_sliderspanel {
		margin: -13% 9% 0 0;
	}	
	body .cat_slider_2{
		margin-left:20px;
	}
	body .cat_slider_3{
		margin-left:25px;
	}
	.isha-slider-thumbnail {
		margin-top: -60px;
	}
	/* Style for Blog Section */
	body .mid_blog_posts{
		margin:3%;
	}
	body .mid_blog_bottom{
		height:80px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}
	/*
	body .mid_blog_posts{
		margin:15px 10px;
	}
	body .mid_blog_bottom{
		height:80px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}*/	
	body .dfp_code_ads_bottom{
		width: 80%;
		height: auto;
		margin:10px;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}		
}

@media screen and (min-width: 641px) and (max-width: 768px)
{
        body .footer-section-2, body .footer-section-3, body .footer-section-4 {
                padding-left: 18%;
        }
}

/* for small screens */
@media screen and (min-width: 321px) and (max-width: 640px)
{
	/* your css for small screens goes here ... */
	body .headercls{
		display:none;
	}
	/* Display/Hide Menu base on device width */
	body .menu_sml_hdn {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}
	/* Display/Hide Secondary Menu base on device width */
	body .secondary-menu{
		display:none !important;
	}	
	body .header_googlebg{
		background-color:#F7A127;
		padding-bottom:2px;
		padding-top:2px;
		}
	#menu li a {
		font-size: 12px !important;
	}
		
	body .midle_wrapper{
		height:auto;
		background:none;	
	}
	body .middle_content{
		height:auto;
		padding:11px 0px 0px;
		width:100%;
	}	
	/* Slider Section */
	body .slidercnd_content{
		font-size:12px;
		padding:14px;
		width:100%;
	}
	body .sliderleft{
		width:100%;
		height:auto;
		padding: 0 4px 0 8px;
	}
	body .cat_sliderspanel {
		margin: 0% 5% 0 0;
		width:95%;
	}
	div.slidercnd_title{
		font-size:26px;
	}
	div.isha-slider-thumbnail{
		position:relative;
		margin-top:-15px;
	}
	body .slider_thumbs{
		margin-top:10px;
	}
	body .sliderright{
		width:100%;
		height:auto;
	}	
	body .cat_sliderspanel td {
		float: left;
		margin-bottom: 10px;
		padding-left: 4%;
		/*width: 100%;*/
	}	
	body .thumbnailtitle{
		padding: 0px !important;
		text-align: center;
		color: #fff;
	}
	/* Style for Blog Section */
	/* Style for Blog Section */
	body .mid_blog_posts{
		margin:3%;
	}
	body .mid_blog_bottom{
		height:80px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}
	/* Footer/Bottom Panel*/
	body .dfp_code_ads_bottom{
		width: 80%;
		height: auto;
		margin:10px;
	}
	body div#bottom-panel{
		padding:5px 10px 0px 10px;
	}
	body .footer-section-1{
		text-align:unset;
	}
	body .footer-section-2{
		/*text-align: left;*/
                padding-left: 10%;
	}
	body .footer-section-3{
                padding-left: 10%;
	}
	body .footer-section-4 {
		margin-top:15px;
                padding-left: 10%;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}
	body .footer-section-1 div{
		width:180px;
	}
	body .footer-section-2 div{
		width:180px;
	}
	body .footer-section-3 div{
		width:180px;
	}
	body .footer-section-4 div{
		width:180px;
	}
}

/* for tiny screens */
@media screen and (max-width: 320px)
{
	/* your css for tiny screens goes here ... */
	body .headercls{
		display:none;
	}
	/* Display/Hide Menu base on device width */
	body .menu_sml_hdn {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}	
	/* Display/Hide Secondary Menu base on device width */
	body .secondary-menu{
		display:none !important;
	}
	body .header_googlebg{
		background-color:#F7A127;
		padding-bottom:2px;
		padding-top:2px;
	}
	body .midle_wrapper{
		height:auto;
		background:none;	
	}
	body .middle_content{
		height:auto;
		padding:11px 0px 0px;
		width:100%;
	}
	body .sliderleft{
		width:100%;
		height:auto;
	}
	body .slider_thumbs{
		margin-top:10px;
	}
	body .sliderright{
		width:100%;
		height:auto;
	}
	body .slidercnd_content{
		font-size:12px;
		padding:0px;
		width:auto;
	}
	body .slidercnd_title{
		font-size:22px;
		padding-left: 5px;
	}
	body .cat_sliderspanel td {
		float: left;
		margin-bottom: 10px;
		padding-left: 3%;
		/*width: 100%;*/
	}
	body .isha-slider-thumbnail{
		position:relative;
		margin-top:-12px;
		min-height:80px;
	}
	body .thumbnailtitle{
		padding: 0px !important;
		text-align: center;
		color: #fff;
	}
	/* Style for Blog Section */
	body .isha_blog_title {
		float: left;
		width: 100%;
		margin-top:30px;
	}
	body .mid_blog_posts {
		background-color: #fff;
		float: left;
		max-height: 255px;
		max-width: 258px;
		margin-bottom: 13px;
	}
	body .mid_blog_bottom{
		height:66px;
		padding-top:3px;
		text-align: left;
	}
	body .mid_blog_date{
		background-color: #faf9f5;
		border-top: 1px dotted #c3c4bf;
		color: rgb(164, 164, 164);
		font-family: "Droid Serif","HelveticaNeue","Helvetica Neue",Arial,sans-serif;
		font-size: 11px;
		margin-left: 6px;
		padding: 4px 0 3px 3px;
		text-align: left;
		width: 94%;
	}
	body .mid_blog_category{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		padding-left: 2px;
		padding-top: 4px;
		text-align: left;
		text-transform: uppercase;
	}
	/* Footer/Bottom Panel*/
	body .dfp_code_ads_bottom{
		width: 80%;
		height: auto;
		margin:10px;
	}
	body div#bottom-panel{
		padding:10px 10px 0px 10px;
	}
	body .footer-section-1{
		text-align:unset;
	}
	body .footer-section-2{
		text-align: left;
	}
	body .footer-section-4 {
		margin-top:15px;
	}
	body .footer-section-content > a {
		float: left;
		margin-bottom: 0;
		padding-right: 20px;
	}
}

/* For Blog with small ranges */
@media screen and (min-width: 321px) and (max-width: 380px)
{
	body .mid_blog_posts{
		margin:3%;
	}
}
@media screen and (min-width: 381px) and (max-width: 420px)
{
	body .mid_blog_posts{
		margin:3% 15%;
	}
}
@media screen and (min-width: 421px) and (max-width: 480px)
{
	body .mid_blog_posts{
		margin:3% 20%;
	}
}
@media screen and (min-width: 481px) and (max-width: 750px)
{
	body .mid_blog_posts{
		margin:3% 25%;
	}
}
@media screen and (min-width: 635px) and (max-width: 950px)
{
	body .connectwithus{
		height: 75px;
	}
}


@media screen and (max-width: 1124px)
{
        .connectwithus > a
        {
                padding-right: 4px !important;
        }
}

@media screen and (min-width: 700px) and (max-width: 900px)
{
        .connectwithus img
        {
                height: 30px !important;
                width: 30px !important;
        }
}

/* For Slider thumbnails with very small ranges */
@media screen and (max-width: 320px)
{
	body .cat_slider_1, body .cat_slider_2, body .cat_slider_3{
		border:2px solid #FAF3EB;
		width:70px;
		height:53px;
	}
	body .cat_slider_1:hover, body .cat_slider_2:hover, body .cat_slider_3:hover{
		border:4px solid #F6A127;
		}
	body .thumnail_title{
		background: url("/templates/isha/responsive/u69.png") repeat fixed center center rgba(0, 0, 0, 0);
		height: 12px;
		margin-top: -14%;
		vertical-align: middle;
		font-size:50%;
		width: 100%;
	}	
}

@media screen and (min-width: 321px) and (max-width: 460px)
{
	body .cat_slider_1, body .cat_slider_2, body .cat_slider_3{
		border:2px solid #FAF3EB;
		width:70px;
		height:53px;
	}
	body .cat_slider_1:hover, body .cat_slider_2:hover, body .cat_slider_3:hover{
		border:4px solid #F6A127;
		}
	body .thumnail_title{
		background: url("/templates/isha/responsive/u69.png") repeat fixed center center rgba(0, 0, 0, 0);
		height: 12px;
		margin-top: -14%;
		vertical-align: middle;
		font-size:50%;
		width: 100%;
	}	
}

/* For Slider thumbnails with small ranges */
@media screen and (min-width: 461px) and (max-width: 620px)
{
	body .cat_slider_1, body .cat_slider_2, body .cat_slider_3{
		border:4px solid #FAF3EB;
		width:106px;
		height:77px;
	}
	body .cat_slider_1:hover, body .cat_slider_2:hover, body .cat_slider_3:hover{
		border:4px solid #F6A127;
		}
	body .thumnail_title{
		background: url("/templates/isha/responsive/u69.png") repeat fixed center center rgba(0, 0, 0, 0);
		height: 14px;
		margin-top: -14%;
		vertical-align: middle;
		font-size:70%;
		width: 100%;
	}	
}

@media screen and (min-width: 621px) and (max-width: 1024px)
{
	body .cat_slider_1, body .cat_slider_2, body .cat_slider_3{
		border:4px solid #FAF3EB;
		width:120px;
		height:87px;
	}
	body .cat_slider_1:hover, body .cat_slider_2:hover, body .cat_slider_3:hover{
		border:4px solid orange;
		}
	body .thumnail_title{
		background: url("/templates/isha/responsive/u69.png") repeat fixed center center rgba(0, 0, 0, 0);
		height: 17px;
		margin-top: -15%;
		vertical-align: middle;
		font-size:70%;
		width: 100%;
	}	
}