/* #Tablet (Landscape)
@media only screen and (min-width: 959px) and (max-width: 1177px)
----------------------------------------------------------------------*/
@media (max-width: 1199px) {
	#dl-menu.dl-menuwrapper{ display:none;}
	}

@media only screen and (min-width: 959px) and (max-width: 1177px) {
	#dl-menu.dl-menuwrapper{ display:none;}
	.slider-wrap img {
    height: 203px;
    width: 100%;
}
.slider-wrap1 img {
    height: 300px;
    width: 100%;
}
	.logo_body {
    float: left;
    height: 100px;
    margin: 10px 5px;
    width: 40%; border:0px solid #F00;
}
.logo_body h1.logo a img{ width:100%; height:100px; }
	.middle_body{ border: 0 solid #ff0000;
    float: left;
    height: auto;
    margin: 69px 0 0 24px;
    overflow: hidden;
   
    width: 33%;}
	.right_box {
	float: right;
    height: auto;
    margin: 10px 0;
    overflow: hidden;
    width: 19%;}

.social-icons {
	    border: 0px solid #f00;
    float: left;
    margin-bottom: 10px;

    width: 100%;
}

.mail-icons{border: 0 solid #f00; margin-top:0px; color:#213e78 !important;
    float: left; margin-bottom:10px;
   
    width: 100%;}
	
.phone-icons{border: 0 solid #f00; color:#213e78 !important;
    float: none;
    
    width: 100%;}

ul.nav-main li a{ padding:4px 15.2px; font-size:13px;}
.col-sm-2 {
    width: 23.667%;
}
.col-sm-10 {
    width: 100%;
}
.inner_content p{ margin:10px 0 0; padding:0px;}
.inner_content p img.client_wns{margin-bottom:10px;}
br{ display:none;}
.katha_craft ul li.first {
    background-position: left top 6px;
   
}
.katha_craft ul li{ margin-top:10px !important; margin-left:0px!important; background-position: left top 6px;}
.col-sm-7 {
    width: 51.333%;
}
.inner_content p img.summer_camp{ width:100%; margin-left:0px !important; margin-top:10px; margin-bottom:10px;}
.main{ border:0px solid #F00; width:100%; height:auto;}	
.view {float: left;
    height: 189px !important;
    /*margin: 0 11px 25px auto;*/
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 292px !important;
}
.view img {
    display: block;
    position: relative;
    width: 100%;
}
/*
.view iframe {
    display: block;
    position: relative;
    width: 100%;
	
}*/
.third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.third-effect .mask h2 { font-size:19px !important;}
.r-tabs .r-tabs-nav .r-tabs-anchor {
    
    padding:11px !important;
    
}
.main1{ border:0px solid #F00; width:85%; height:auto; margin:auto !important;}	
.main1 .view {float: left;
    height: 180px !important;
    margin: 0 11px 30px!important auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 370px !important;
}
.main1 .view img {
    display: block;
    position: relative; height:170px;
    width: 100%;
}

.main1 .third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.main1 .third-effect .mask h2 { font-size:19px !important;}
/* .theme-default a.nivo-nextNav { z-index:8;}
.theme-default a.nivo-prevNav {z-index:8;}*/
	}
	


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#dl-menu.dl-menuwrapper{ display:none;}
	
	
	
	}


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			body {overflow-x: hidden}
	.container { width: 95%; padding: 0; border:0px solid #F00; }
	#header {
	position :relative; border:0px solid #0F0; margin-bottom:10px;
	}
	
	.top-header{width:100%; border:0px solid #00F; overflow:hidden; height:auto;}
	.logo_body{ width:65%; float:left; margin:10px 18% 5px;}
	.logo_body h1.logo a img{ width:100%; height:100px; }
	.middle_body{ border: 0 solid #ff0000;
    float: none;
    height: auto;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px 10px;
    width: 100%;}
	.right_box {
	float: right;
    height: auto;
    margin: 10px 0;
    overflow: hidden;
    width: 38%;}

.social-icons {
	    border: 0px solid #f00;
    float: left;
    margin-bottom: 10px;

    width: 100%;
}

.mail-icons{border: 0 solid #f00; margin-top:0px; color:#213e78 !important;
    float: left; margin-bottom:10px;
   
    width: 100%;}
	
.phone-icons{border: 0 solid #f00; color:#213e78 !important;
    float: none;
    
    width: 100%;}
	
	.nav_link{ display:none;}
	#dl-menu.dl-menuwrapper{ display:block; z-index:9; border:0px solid #F00; float:right; margin-right:0px;}
	.dl-menuwrapper .dl-menu.dl-menuopen { margin-top:43px;}
	
	 .theme-default a.nivo-nextNav { top: 25%; z-index:8;}
.theme-default a.nivo-prevNav {top:25%;  z-index:8;}
	


.blog_container {
width:100%;
position:relative;
border:0px solid #CCC;
z-index:9;
margin-top:70px;
margin-left:2px;
float:none;
bottom:0px;
height:auto;
}

.blog_body{height:auto; float:none; border:0px solid #00C; margin-bottom:65px; padding-right:0px; margin-left:0px;}
.blog_body.last{ margin-bottom:0px;}
.circle_blog1{
    margin-left:40%;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(10, 22, 31, 0.64);
-moz-box-shadow:    0px -1px 4px 0px rgba(10, 22, 31, 0.64);
box-shadow:         0px -1px 4px 0px rgba(10, 22, 31, 0.64);
   }
   
   #footer {
	width:100%;	
	height:auto;}
	.footer_body{ width:100%; height:auto;}
.left_foot {width:90%; text-align:center; float:none;
}
.right_foot { float:none; width:90%;  padding:0px; text-align:center;
	
}
.slider-wrap{ width:100%;}
.slider-wrap img{height: 203px;
    width:100%;}
#head_body{ margin-top:0px; width:100%; border:0px solid #00F;}
#head_body h2 {padding:14px 10px; width:96%; line-height:25px; text-align:left;}
.inner_content{ width:89%; border:0px solid #F00;}
.inner_content p{ width:100%; margin:10px 0 0; }
.inner_content p img.client_wns{ margin-bottom:20px;}
.katha_craft ul li.first {
    background-position: left top 6px;
   
}
.katha_craft ul li{ margin-top:10px !important; margin-left:0px!important; background-position: left top 6px;}
.inner_content ul li{ width:90%; margin-left:20px;}
.col-sm-2{width:44%;}
.col-sm-7{ width:100%;}
.col-sm-3{ width:50%; margin-top:10px;}
.col-sm-10 {
    width: 100%;
}
.menu_bg {
    height: auto;
    margin-left: 0px;
    overflow: hidden;
    padding: 5px 2px;
    width: 250px;
}

ul.nav-main1 li a {
    margin-left: -9px;
    padding: 6px 0 6px 29px;
    width: 237px;
}	

br{ display:none;}
		}
/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		
		
		}
		
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body {overflow-x: hidden}
	.container { width: 95%; padding: 0; border:0px solid #F00; }
	#header {
	position :relative; border:0px solid #0F0; margin-bottom:10px;
	}
	
	.top-header{width:100%; border:0px solid #00F; overflow:hidden; height:auto;}
	.logo_body{ width:77%; float:none; margin:10px auto 0; border:0px solid #00F; height:auto;  }

	.logo_body h1.logo a img{ width:100%; height:79px; margin:0px; padding:0px; }
	.middle_body{ width:100%; float:none; height:auto; overflow:hidden; margin:10px 0px;  border:0px solid #F00; padding:3px 10px;}
	.right_box {
	float: right;
    height: auto;
    margin: 10px 0;
    overflow: hidden;
    width: 45%;}
.theme-default .nivo-controlNav{ margin-top:-26px; margin-right:50%;}
.social-icons {
	    border: 0px solid #f00;
    float: left;
    margin-bottom: 10px;

    width: 100%;
}

.mail-icons{border: 0 solid #f00; margin-top:0px; color:#213e78 !important;
    float: left; margin-bottom:10px;
   
    width: 100%;}
	
.phone-icons{border: 0 solid #f00; color:#213e78 !important;
    float: none;
    
    width: 100%;}
	
	.nav_link{ display:none;}
	#dl-menu.dl-menuwrapper{ display:block; z-index:9; border:0px solid #F00; float:right; margin-right:14px; margin-bottom:10px;}
	.dl-menuwrapper .dl-menu.dl-menuopen { margin-top:43px;}
	
	 .theme-default a.nivo-nextNav { top: 25%; z-index:8;}
.theme-default a.nivo-prevNav {top:25%;  z-index:8;}


.blog_container {
width:100%;
position:relative;
border:0px solid #CCC;
z-index:9;
margin-top:70px;
margin-left:2px;
float:none;
bottom:0px;
height:auto;
}

.blog_body{height:auto; float:none; border:0px solid #00C; margin-bottom:65px; padding-right:0px; margin-left:0px;}
.blog_body.last{ margin-bottom:0px;}
.circle_blog1{
    margin-left:40%;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(10, 22, 31, 0.64);
-moz-box-shadow:    0px -1px 4px 0px rgba(10, 22, 31, 0.64);
box-shadow:         0px -1px 4px 0px rgba(10, 22, 31, 0.64);
   }
   
   #footer {
	width:100%;	
	height:auto;}
	.footer_body{ width:100%; height:auto;}
.left_foot {width:90%; text-align:center; float:none;
}
.right_foot { float:none; width:90%;  padding:0px; text-align:center;
	
}

.slider-wrap{ width:100%;}
.slider-wrap img{height: 203px;
    width:100%;}
#head_body{ margin-top:0px; width:100%; border:0px solid #00F;}
#head_body h2 {padding:14px 10px; width:96%; line-height:30px; text-align:left;}
#head_body h2 img {
    line-height: 30px;
    /*padding: 14px 10px;*/
    text-align: left;
    width: 39.2%; height:39px;
}
.inner_content{ width:100%; border:0px solid #F00;}
.inner_content p{ width:100%; margin:13px 0px 10px -11px;}
.inner_content p img.client_wns{margin-bottom:20px;}
.inner_content p img.summer_camp{ width:100%; height:230px; margin-left:0px !important; margin-top:10px; margin-bottom:10px;}
.katha_craft ul li.first {
    background-position: left top 6px;
   
}
.katha_craft ul li{ margin-top:10px !important; margin-left:0px!important; background-position: left top 6px;}
.menu_bg {
    
    margin-left: -12px;
    overflow: hidden;
    padding: 5px 2px;
    width: 236px;
}
ul.nav-main1 li a{ margin-left: -8px;
    padding: 6px 0 6px 30px;
    text-decoration: none;
    width: 220px;}
.inner_content ul li{ width:100%; margin-left:20px;}
.wns_cont ul li{width:100%; margin-left:0px;}

br{ display:none;}
.main{ border:0px solid #F00; width:100%; height:auto;}	
.main .view {float: left;
    height: 160px !important;
    margin: 0 11px 13px auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 247px !important;
}
.main .view img {
    display: block;
    position: relative;
    width: 100%;
}
.main .view iframe {
    display: block;
    position: relative;
    width: 100%;
	
}
.main .third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.main .third-effect .mask h2 { font-size:19px !important;}




.main1{ border:0px solid #F00; width:85%; height:auto; margin:auto !important;}	
.main1 .view {float: left;
    height: 160px !important;
    margin: 0 11px 30px!important auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 247px !important;
}
.main1 .view img {
    display: block;
    position: relative; height:150px;
    width: 100%;
}
#simplemodal-overlay{ width:100%; border:0px solid #F00;}
#simplemodal-container{width:89% !important; border:0px solid #F00; height:168px !important;}
.main1 .third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.main1 .third-effect .mask h2 { font-size:19px !important;}
		}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	body {overflow-x: hidden}
	.container { width: 340px; padding: 0; }
	#header {
	position :relative; border:0px solid #0F0; margin-bottom:10px;
	}
	
	.top-header{width:100%; border:0px solid #00F; overflow:hidden; height:auto;}
	.logo_body{ width:95%; float:none; height:auto; overflow:hidden; margin:8px 10px;  }
	.logo_body h1.logo a img{ width:280px; height:79px; }
	.middle_body{ width:100%; float:none; height:auto; overflow:hidden; margin:10px 0px;  border:0px solid #F00; padding:3px 10px;}
	.right_box {
	width:100%;
	border:0px solid #F00; 
	overflow:hidden;
	float:none;
	height:auto;
	margin:10px 0 10px;
}

.social-icons {
	margin-left:15%; border:0px solid #F00; width:80%;
	float:none;
}
.theme-default .nivo-controlNav{ margin-top:-26px; margin-right:101px;}
.mail-icons{margin-left:20%; border:0px solid #F00; width:60%; color:#213e78 !important;
	float:none;}
	
.phone-icons{margin-left:20%; border:0px solid #F00; width:50%; color:#213e78 !important;
	float:none;}
	
	.nav_link{ display:none;}
	#dl-menu.dl-menuwrapper{ display:block; z-index:9;border:0px solid #F00; margin-top:-54px;}
	.dl-menuwrapper .dl-menu.dl-menuopen { margin-top:43px;}
 

 .theme-default a.nivo-nextNav { top: 25%; z-index:8;}
.theme-default a.nivo-prevNav {top:25%;  z-index:8;}


.blog_container {
width:100%;
position:relative;
border:0px solid #F00;
z-index:9;
margin-top:70px;
margin-left:2px;
float:none;
bottom:0px;
height:auto;
}

.blog_body{height:auto; float:none; border:0px solid #00C; margin-bottom:65px; padding-right:0px; margin-left:-6px;}
.blog_body.last{ margin-bottom:0px;}
.circle_blog1{
    margin-left:116px;
	-webkit-box-shadow: 0px -1px 4px 0px rgba(10, 22, 31, 0.64);
-moz-box-shadow:    0px -1px 4px 0px rgba(10, 22, 31, 0.64);
box-shadow:         0px -1px 4px 0px rgba(10, 22, 31, 0.64);
   }
   
   #footer {
	width:100%;	
	height:auto;}
	.footer_body{ width:100%; height:auto;}
.left_foot {width:90%; text-align:center; float:none;
}
.right_foot { float:none; width:90%;  padding:0px; text-align:center;
	
}
.slider-wrap{ width:100%;}
.slider-wrap img{height: 132px;
    width:100%;}
#head_body{ margin-top:0px; width:100%; border:0px solid #00F;}
#head_body h2 {padding:14px 10px;  width:96%; line-height:30px; text-align:left; font-size:18px;}


.inner_content{ width:100%; border:0px solid #F00;}
.inner_content p{ width:100%; margin:10px 6px 10px 0; clear:both;}
.inner_content p a img{ margin-left:0px!important; clear:both;}
.inner_content p img{ clear:both; margin-right:10px !important; margin-left:-13px !important; width:auto; overflow:hidden;}
.inner_content p img.client_wns{ width:100%; height:91px; margin-left:0px !important; margin-top:10px; margin-bottom:10px;}
.inner_content p img.summer_camp{ width:100%; height:175px; margin-left:0px !important; margin-top:10px; margin-bottom:10px;}
.show_hide3{ clear:both; margin-left:17px !important;}
.katha_craft ul li.first {
    background-position: left top 6px;
   
}
.katha_craft ul li{ margin-top:10px !important; margin-left:0px!important; background-position: left top 6px;}
.wns_cont ul li{ margin-top:10px !important; margin-left:0px!important; background-position: left top 6px; text-align:left;}
.inner_content ul li{ width:100%; margin-left:20px; }
.menu_bg {
    height: auto;
    margin-left: 0px;
    overflow: hidden;
    padding: 5px 2px;
    width: 250px;
}

ul.nav-main1 li a {
    margin-left: -9px;
    padding: 6px 0 6px 29px;
    width: 237px;
}	
br{ display:none;}		
.main{ border:0px solid #F00; width:100%; height:auto;}	
.main .view {float: left;
    height: 160px !important;
    margin: 0 11px 13px auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 247px !important;
}
.main .view img {
    display: block;
    position: relative;
    width: 100%;
}
.main .view iframe {
    display: block;
    position: relative;
    width: 100%;
	
}
.main .third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.main .third-effect .mask h2 { font-size:19px !important;}





.main1{ border:0px solid #F00; width:100%; height:auto;}	
.main1 .view {float: left;
    height: 160px !important;
    margin: 0 11px 13px auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 247px !important;
}
.main1 .view img {
    display: block;
    position: relative; height:150px;
    width: 100%;
}
#simplemodal-overlay{ width:100%; border:0px solid #F00;}
#simplemodal-container{width:89% !important; border:0px solid #F00; height:168px !important;}
.main1 .third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.main1 .third-effect .mask h2 { font-size:19px !important;}




	
/* Mobile Portrait Size to Mobile Landscape Size (small Mobile and browsers) */	
@media only screen and (max-width: 240px) {
	.nav_link{ display:none;}
	#dl-menu.dl-menuwrapper{ display:block; z-index:9; border:0px solid #F00; float:right; margin-right:0px;}
	.dl-menuwrapper .dl-menu.dl-menuopen { margin-top:43px;}
	
	 .theme-default a.nivo-nextNav { top: 25%; z-index:8;}
.theme-default a.nivo-prevNav {top:25%;  z-index:8;}
.main{ border:0px solid #F00; width:100%; height:auto;}	
.view {float: left;
    height: 160px !important;
    margin: 0 11px 13px auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 247px !important;
}
.view img {
    display: block;
    position: relative;
    width: 100%;
}
.view iframe {
    display: block;
    position: relative;
    width: 100%;
	
}
.third-effect .mask {
    background: url("../images/gallery_img-hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100% !important;
   
    opacity: 0;
    overflow: visible;
    width: 100%!important;
}
.third-effect .mask h2 { font-size:19px !important;}
	}