/*######  Design by VTEM http://www.vtem.net All Rights Reserved  ###########*/

/* Portrait tablet and down */

@media (max-width: 1200px) {

#vtem-wrapper{ overflow: hidden; position: relative;z-index: 1;}

.oHorizontal .main-vtem-menu > li > a, .oHorizontal .main-vtem-menu > li > span{ 
padding: 7px 6px !important;
}

.box-newsletter .form-inline .form-control{width: 55%;}

.box-newsletter .form-inline button{ width: 40%;}

}






@media (max-width: 991px) {

	.oMenuStickOpen .nav.nav-canvas, .oMenuOverwrite{display:block !important;}

	.main-vtem-menu,

	.main-vtem-menu li{
		display:block; 
		width:100% !important; 
		margin:1px 0 !important;
		}

	.main-vtem-menu ul,

	.main-vtem-menu ul ul,

	.oVertical > .main-vtem-menu ul{
		position:relative !important; 
		width:100% !important; 
		left:0 !important;
		}
		

	.slideshow .box_skitter .prev_button,

	.slideshow .box_skitter .next_button{display:none !important;}

	/*///////K2 COMPONENT /////////////*/

	.subCategoryContainer{width:100% !important;}



	/*/////// CURRENT THEME ////////////////////*/

	.footer .vtem-block{padding-bottom: 40px;}

	.vtem-section.section-top p{padding-bottom: 20px;}

	.vtem-menu-wrapper{padding: 0; margin-top: 27px;}

	.box-slideshow .box_skitter h4{ font-size: 40px;}

	.box-slideshow .box_skitter .label_skitter{ width: 70% !important; font-size: 18px; }

	.box-whatnew{padding-bottom: 60px;}

	.section-hearingfrom .vtem-block{text-align: center;}

	.section-hearingfrom .vtem-block .vtem-block-inside .custom-html-content .Click_here{ position: relative; top: auto; left: auto; margin-top: 30px;}

	.menu-stick, .menu-button-main{
		
		text-align: right;
		}


	
	
	/*/////// mod-block ////////////////////*/

	.nspArts{
		padding:20px 12px 20px 12px !important; /* Default padding:25px; */
		width:100% !important
	}
	
	/*/////// nav.nav-canv menu////////////////////*/
	.nav.nav-canvas {
		color:red !important;
	}
	
	.blog .item-image,
	.item-page .item-image{
		padding:5px 4px !important;
		border: 1px solid rgba(63,136,109,.3) !important;
		max-width:50% !important; /* Default width:100%;*/
		float:left;
	}
	
	
	
	
	.menu-stick,.menu-button-main{
		margin-top:-25px; /* Default margin-top:-20px; */
		margin-left:0px !important;
		position:relative;
		float:left !important;
		border:0px solid red;
		min-height:50px !important;
		width:auto !important;
	}
	
	
	/*/////// Social Media Icon ////////////////////*/
	div.sicon {
	
		padding:0px !important;	
		top:5px !important;
		right:0px !important;
		bottom:0px !important;
		text-align:right !important;
		position:absolute; 
		float:right !important; 
	}

	div.sicon img{
		max-width:13% !important;
		max-height:auto !important;
		padding:2px;
		border:1px solid #c17a16;
	}

	
	/*/////// Copyright ////////////////////*/
	.vtem-section.copyright .cpright{
		color:#fff !important;
		font-family: "Microsoft Himalaya","Himalaya" !important;
		font-size: 120% !important;
		font-weight: normal;
		margin-top:10px;
		text-align:center;
		}
	
	
	/*/////// E book ////////////////////*/	
	
	div.itemFullText img{
		float:left;
		max-width:25%;
		height:auto;
		margin:0px 10px 0px 0px;
		padding:5px;
	}
	
	div.catItemIntroText img {
		float:left;
		max-width:25%;
		height:auto;
		margin:0px 10px 0px 0px;
		padding:5px;
	}
	
	
	
	div.itemImageBlock{
	padding:1px !important;
	margin:0 10px 5px 0; 
	border: 1px solid rgba(63,136,109,.3);
	max-width:30%;
	float:left;
	}
	
	
	
	
	/* ---- Start Code Logo ---- */	
	.widget-logo a{
		border:1px solid rgba(255,135,1,.7);
		position:relative;
		top:25px;
		left:0px;
		padding:0px;
		max-height: 35% !important;
		max-width: 28% !important;
	}
	/* ---- End Code Logo ---- */		
	
	
	
	/* --- Start Naglha Book 1 ---*/
	.box-whatnew{
		min-width:100% !important;
		
		}
	.box-whatnew .carousel-item .thumbnail {
		float: left;
		margin: 0 10px 0 2px !important;
		max-width: 30% !important; /* Default width: 30%; */
		max-height: 30% !important; /* Default width: 30%; */
		}
	/* --- End Book 1 ---*/
	
	
	/* --- Start Naglha Book 2 ---*/
	.box-ourprojects{
		min-width:100% !important;
		}
	.box-ourprojects .carousel-item .thumbnail {
		float: left;
		margin: 0 10px 0 2px !important;
		max-width: 30% !important; /* Default width: 30%; */
		max-height: 30% !important; /* Default width: 30%; */
		}
	/* --- End  Book 2 ---*/
	
	
	/* --- Start Naglha Book 3 ---*/
	.box-ourprojects1{
		min-width:100% !important;
		}
	.box-ourprojects1 .carousel-item .thumbnail {
		float: left;
		margin: 0 10px 0 2px !important;
		max-width: 30% !important; /* Default width: 30%; */
		max-height: 30% !important; /* Default width: 30%; */
		}
	
	/* --- End Book 3 ---*/
	
	
	.box-ourprojects .owl-controls{
		position: absolute; 
		top: -55px !important; 
		right: 15px !important;
	}

	
	
	.menu-stick,.menu-button-main{
		margin-top:-30px; /* Default margin-top:-20px; */
		margin-right:0px !important;
		position:relative;
		float:left !important;
		border:0px solid black;
		min-height:50px !important;
		width:auto !important;
	}
	
/*/////// social icon ////////////////////*/	
	div.sicon {
	
		padding:0px !important;	
		top:8px !important;
		right:7px !important;
		bottom:0px !important;
		text-align:right !important;
		position:absolute; 
		float:right !important; 
	
	}

	div.sicon img{
		max-width:10% !important;
		max-height:auto !important;
		padding:2px;
		border:1px solid #c17a16;
	}
	
	
	
	
	
	.box_skitter .prev_button,
	.box_skitter .next_button{
		position:absolute;
		top:50%;
		right:0px;  /* Default right:20px; */
		z-index:152;
		width:20px; /* Default width:42px; */
		height:26px; /* Default height:42px; */
		background-color:#c17915;
	}
	
	.box_skitter .prev_button:before{
		left:0; 
	}

	.box_skitter .next_button:before{
		right:0; 
	}

	.box_skitter .prev_button:before,
	.box_skitter .next_button:before{
		position:absolute; 
		color:#fff;
		top:4px; /* Default top:0; */
		text-align:center; 
		display:block; 
		content:'\f105'; 
		font-family: FontAwesome; 
		font-size:16px; 
		width:100%; 
		height:100%; 
		line-height:1.1em;
	}
	
	.box_skitter .prev_button:before{
		content:'\f104';
	}
	.box_skitter .prev_button:hover,.box_skitter .next_button:hover{
		opacity:.5!important
	}
	
	
	.nspArt img.nspImage{
	
	   	max-width: 20% !important;
    		border: 0px solid rgba(254,190,10,.9);
    		padding: 0px 5px 0px 0px !important;
    		margin-top: 0px;
    		float: left !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}





/* Landscape tablet and up */

@media (max-width: 768px) {

.box_skitter .label_skitter{display: none !important;}	

.widget-gallery .vtem-gallery{margin:0 !important;}	

.box-slideshow .box_skitter .label_skitter{ width: 60% !important;}

.vtem-section.copyright, .vtem-section.footer{padding-left:20px; padding-right:20px; margin-left: 0; margin-right: 0;}

.section-documentation .vtem-block .icon{padding-bottom: 40px;}

.section-documentation .vtem-block .widget-featured-content > h4,

.section-documentation .vtem-block .icon,.section-documentation .vtem-block .description{width: 100%; float: none;}


	.menubt strong{
	top:10px;
	position:absoute;
	color:#30765e;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:9px !important;
	font-style:normal;
	font-weight:normal !important;
	margin-right:2px;
	}

	.menubt a{
	color:#f5a700;
	font-family:"Microsoft Himalaya","Himalaya" !important;
	font-size:120% !important;
	padding:4px 2px 4px 0;
	margin-bottom:8px !important;	
	}

	.menubt a:hover{
	color:#fff;
	}

	/* ---- Start Code Logo ---- */	
	.widget-logo a{
		border:1px solid rgba(255,135,1,.7);
		position:relative;
		top:40px;
		left:10px;
		padding:0px;
		max-height: 25% !important;
		max-width: 19% !important;
	}
	/* ---- End Code Logo ---- */	


	
	
	
	.menu-stick,.menu-button-main{
		margin-top:-27px; /* Default margin-top:-20px; */
		margin-left:-100px !important;
		position:relative;
		float:left !important;
		border:0px solid gold;
		min-height:50px !important;
		width:auto !important;
	}
	
/*/////// social icon ////////////////////*/	
	div.sicon {
	
		padding:0px !important;	
		top:10px !important;
		right:-7px !important;
		bottom:0px !important;
		text-align:right !important;
		position:absolute; 
		float:right !important; 
	
	}

	div.sicon img{
		max-width:10% !important;
		max-height:auto !important;
		padding:2px;
		border:1px solid #c17a16;
	}
	
	
	
	/*/////// E book ////////////////////*/	
	
	div.itemFullText img{
		float:left;
		max-width:35%;
		height:auto;
		margin:0px 10px 0px 0px;
		padding:5px;
	}
	
	div.catItemIntroText img {
	`	float:left;
		max-width:35%;
		height:auto;
		margin:0px 10px 0px 0px;
		padding:5px;
	}
	
	
	div.itemImageBlock{
	padding:1px !important;
	margin:0 10px 0 0 !important;
	/* Add new code float:left;  */
	border: 1px solid rgba(63,136,109,.3);
	max-width:30%;
	float:left;
	}
	.itemView div.itemToolbar{
		display:none;
	}
	
	
	
	

}





@media (max-width: 480px) {
	

.box-slideshow .box_skitter .prev_button, .box-slideshow .box_skitter .next_button,	

.box-slideshow .box_skitter .label_skitter{display: none !important;}

.box-newsletter .form-inline .form-control, .box-newsletter .form-inline button{width: 100%;}

.box-newsletter .form-inline .form-control{margin-bottom: 10px;}

.section-title > h1, .vtem-block-inside > h3, .mod-basic > .basic-title{font-size: 38px;}

.box-ourprojects .owl-controls{top: -68px; }


	.menubt{
		display:none;
	}

	
	/* ---- Start Code Logo ---- */		
	.widget-logo a{
		border:1px solid rgba(255,135,1,.9);
		position:relative;
		top:65px;
		left:-10px;
		padding:0px;
		max-height: 90px !important; /* Default height: 100px */
		max-width: 70px !important;
	}
	/* ---- End Code Logo ---- */		
	
	
	
	.box-whatnew .carousel-item .thumbnail {
		float: left;
		margin: 0px 10px 6px 2px !important;
		max-width: 50% !important; /* Default width: 30%; */
		}
	.box-ourprojects .carousel-item .thumbnail {
		float: left;
		margin: 0px 10px 6px 2px !important;
		max-width: 50% !important; /* Default width: 30%; */
		}
	.box-ourprojects1 .carousel-item .thumbnail {
		float: left;
		margin: 0px 10px 6px 2px !important;
		max-width: 50% !important; /* Default width: 30%; */
		}
	
	

	
	
	.menu-stick,.menu-button-main{
		margin-top:-35px; /* Default margin-top:-20px; */
		margin-left:-55px !important;
		position:relative;
		float:left !important;
		border:0px solid rgba(255,255,255,.3)!important;
		max-height:10% !important;
		width:auto !important;
	}
	
/*/////// E book ////////////////////*/	
	div.itemFullText img{
		float:left;
		max-width:50%;
		height:auto;
		margin:0px 7px 0px 0px;
		padding:3px;
	}
	
	div.catItemIntroText img {
	`	float:left;
		max-width:50%;
		height:auto;
		margin:0px 7px 0px 0px;
		padding:3px;
	}
	
	div.itemImageBlock{
	padding:1px !important;
	margin:0 10px 0 0 !important; 
	border: 1px solid rgba(63,136,109,.3);
	max-width:50% !important;
	float:left;
	}
	.itemView div.itemToolbar{
		display:none;
	}
	
	
	div.catItemImageBlock {
		float:left !important;
		max-width:50%;
	}
	span.catItemImage img{
		min-width:100% !important;
		border:1px solid  rgba(63,136,109,.3) !important;
		margin:5px 0 0 0 !important;
	}
	

/*/////// social icon ////////////////////*/	
	div.sicon {
	
		padding:0px !important;	
		top:0px !important;
		right:-7px !important;
		bottom:0px !important;
		text-align:right !important;
		position:absolute; 
		float:right !important; 
	}

	div.sicon img{
		max-width:15% !important;
		max-height:auto !important;
		padding:2px;
		border:1px solid #c17a16;
	}





	.nspArt img.nspImage{
	
	   	max-width: 45% !important;
    		border: 0px solid rgba(254,190,10,.9);
    		padding: 0px 5px 0px 0px !important;
    		margin-top: 7px;
    		float: left !important;
	}
	
	
	
	
	
	
	
	.rss_link{
		border:0px solid #fff;
		margin:0px;
		max-width:100% !important;
	}
	
	
	
	table.rss_tb{
		width:100% !important;
	}
	


}








@media (max-width: 320px) {

.section-header{padding-top: 10px;}

	.menubt{
		display:none;
	}



/* ---- Start Code Logo ---- */		
	.widget-logo a{
		border:1px solid rgba(255,135,1,.2);
		position:relative;
		top:65px;
		left:-20px !important;
		padding:0px;
		max-height: 85px !important; /* Default height: 100px */
		max-width: 60px !important;
	}
/* ---- End Code Logo ---- */	


/*/////// Start E Book //////////*/	

	div.itemFullText img{
		float:none;
		max-width:100%;
		height:auto;
		margin:0px 0px 10px 0px;
		padding:5px;
	}
	
	div.catItemIntroText img {
	`	float:none;
		max-width:100%;
		height:auto;
		margin:0px 0px 10px 0px;
		padding:5px;
	}

	div.itemImageBlock{
	padding:1px !important;
	margin:0 0 10px 0 !important;
	border: 1px solid rgba(63,136,109,.3);
	max-width:100% !important;
	
	}
	.itemView div.itemToolbar{
		display:none;
	}
	
	div.catItemImageBlock {
		float:none !important;
		max-width:100%;
	}
	span.catItemImage img{
		min-width:100% !important;
		border:1px solid rgba(63,136,109,.3) !important;
		margin:5px 0 0 0 !important;
	}
	
/*/////// End /////////////*/	
	
	
/*/////// Start News show pro gk5//////////*/		

	.nspPagination {
		display:none;
	}
	
/*/////// End /////////////*/	
	

	
}



