@media all and (max-width: 1366px) {	
	header .container{
		width:100%;
		margin:0;
		padding: 0;
	}
}

@media all and (max-width: 960px){
	#mobile_signin{display:inline-block}
	*[class^=colw-].res-m-100{width:100%;}
	*[class^=colw-].res-m-90{width:90%;}
	*[class^=colw-].res-m-80{width:80%;}
	*[class^=colw-].res-m-70{width:70%;}
	*[class^=colw-].res-m-66{width:66.666%;}
	*[class^=colw-].res-m-60{width:60%;}
	*[class^=colw-].res-m-50{width:50%;}
	*[class^=colw-].res-m-40{width:40%;}
	*[class^=colw-].res-m-33{width:33.333%;}
	*[class^=colw-].res-m-30{width:30%;}
	*[class^=colw-].res-m-25{width:25%;}
	*[class^=colw-].res-m-20{width:20%;}
	*[class^=colw-].res-m-10{width:10%;}
}


@media all and (max-width: 480px){
	*[class^=colw-].res-s-100{width:100%;}
	*[class^=colw-].res-s-90{width:90%;}
	*[class^=colw-].res-s-80{width:80%;}
	*[class^=colw-].res-s-70{width:70%;}
	*[class^=colw-].res-s-66{width:66.666%;}
	*[class^=colw-].res-s-60{width:60%;}
	*[class^=colw-].res-s-50{width:50%;}
	*[class^=colw-].res-s-40{width:40%;}
	*[class^=colw-].res-s-33{width:33.333%;}
	*[class^=colw-].res-s-30{width:30%;}
	*[class^=colw-].res-s-25{width:25%;}
	*[class^=colw-].res-s-20{width:20%;}
	*[class^=colw-].res-s-10{width:10%;}
}

@media all and (max-width: 960px) and (min-width: 240px) {
	.mainimg.bgg .img-bg{height:325px}
	.tp-bgimg.defaultimg
	{
		    background-position: center 40px !important;
	}
	.rev_slider
	{
		margin-top:-40px !important;
	}
	.table{width:800px;}.subtable{overflow-x:scroll;width:100%}
	.view_mobile{    width: 45%;
    margin: 0 2%;}
	.tp-bgimg.defaultimg
	{
		   background-size: cover !important;
	}
	.nopadtop
	{
		padding-top:0 !important
	}
	h1 {
    font-size: 1.5em;
}
.noheight
{
	height:auto !important
}
 .noheight .pad-tb-20
{
	padding:0
}
	html, body{
		

		font-size: 14px;
		overflow-x: hidden;
	}
	
	.pad-30{
		padding:25px;
	}
	
	.pad-40, .pad-45, .pad-50{
		padding:30px;
	}

	.pad-tb-100,
	.pad-tb-80{
		padding-top: 40px;
		padding-bottom: 40px;
	}
		
	.logo{
		position:relative;
		width: 70%;
		margin-right:10px;
		display: block;
	}
	
	.logo img{
		width:100%;	
	}
	
	header {
	    width: 100%;
	    position: relative;
	    z-index: 999;
	    padding: 10px;
	    box-sizing: border-box;
	    top: 0;
	    height: auto;
	}

	header ul{
		padding:0;
		margin: 0;
		list-style: none;
		width:100%;
		display:block;
	}

	header ul{
		padding:0 !important;
		width:100% !important;
		display:block;
	}

	header ul li{
		width:100% !important;
	}

	header ul.top-hd{
		background:#71bf51;	
	}

	header ul.bottom-hd{
		background:#c7161d;	
	}

	.trigger{
		display: block;
	}

	nav{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100%;
		box-sizing: border-box;
		left: 100%;
		padding: 0;
		top: 0;
		transform: translate(0,0);
    		margin-top: 0;
	}

	nav menu{
		min-width: 300px;
    		padding: 20px;
		text-align: left;
		box-sizing: border-box;
	}

	menu ul{
		margin:0;
	}

	menu ul li{
		margin:0;
	}

	menu ul li a{
		padding: 15px;
		text-align: inherit;
	}

	li.parent{
		position: relative;
	}

	li.parent:before,
	li.parent:after{
		position: absolute;
		top: 25px;
		right: 15px;
		width: 10px;
		height: 2px;
		background: #000;
		content: "";
	}

	li.parent:after{
		transform: rotate(90deg);
	}

	.ddm{
		position: relative;
		top: 0;
	}

	.slickslider .slick-slide{
		border-right: none;
	}

	form > .pad-tb-50,
	.FormResult {
		padding: 0;
	}

	.missionvision > div:nth-child(odd),
	.missionvision > div:nth-child(even) {
		padding: 0
	}

	.art_title{
		min-height: auto;
	}

	.bookslist {
		text-align: center;
	}

	footer > .green-bg{
		padding-top: 40px;
	}

	footer .row[data-spacing="30"]{
		margin: 0;
	}

	footer .row[data-spacing="30"] > div[class^="colw-"]{
		padding: 0;
	}

	.flex.ai-c{
		flex-wrap: wrap;
		align-items: stretch !important;
	}

	.progcont{
		padding: 0 20px;
	}
	
	.flex.ai-c > div.colw-50 > .pad-tb-50{
		padding: 0;
	}

	.tp-caption h1 {
		-webkit-text-stroke-width: 1.5px;
		font-size:1rem
	}

	.tp-caption h1 *{
		font-size: 1.5rem !important;
		padding: 0  !important;
		white-space: normal !important;
		box-sizing: border-box !important;
		line-height:auto !important
	}

	.tp-caption a.readmore{
		font-size: 1rem !important;
	}

	.tparrows{
		opacity: 1 !important;
		visibility: visible !important;
		background: transparent !important;
		transform: translate(0,0) !important;
	}

	.tp-rightarrow.tparrows{
		margin-left: -40px !important;
	}

	.tp-lefttarrow.tparrows{
		margin-right: -20px !important;
	}

	.mainimg .img-bg {
		height: 23vh;
	}
}



	@media screen and (max-width: 580px) {
		.table > .row {
			padding: 14px 0 7px;
			display: block;
		}
		.table > .row.header {
			padding: 0;
			height: 6px;
		}
		.table > .row.header > div {
			display: none;
		}
		.table > .row > div {
			margin-bottom: 10px;
		}
		.table > .row > div:before {
			margin-bottom: 3px;
			content: attr(data-title);
			min-width: 98px;
			font-size: 10px;
			line-height: 10px;
			font-weight: bold;
			text-transform: uppercase;
			color: #969696;
			display: block;
		}
	}