/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
/*.effect5:before, .effect5:after {
    bottom: 372px;
    left: 13px;
    width: 50%;
    top: 50%;
	}
	.effect5:after {
		left:73%;
	}*/
	.wwr_para {
		    padding: 30px 15px;
	}
	.wwr_img {
		padding: 22px 25px;
	}
	
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body{
        background-size: 100% 20%;
	}
	.logo img{
		width:85%;
	}
	.jesus img{
		top: -106px;
		right: 5px;
	}
	/*.effect5:before, .effect5:after {
    bottom: 395px;
    left: 7px;
    width: 50%;
    top: 50%;
	}
	.effect5:after {
		left:60%;
	}*/
	.box {
		height:315px;
	}
	.wwr_para {
		    padding: 30px 15px;
	}
	.wwr_img {
    width: 100%;
	}
	.wwr_img img {
    margin: 0px;
	    padding: 15px;
	}
	.event_para img {
		    height: 150px;
	}
	.news a img, .evn a img {
    width: 5%;
	}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	body{
        background-size: 100% 17%;
	}
	.header {
    background-size: cover;
}

	.logo img{
		width:85%;
	}
	.jesus img{
		top: -106px;
		right: 5px;
	}
	/*.effect5:before, .effect5:after {
    bottom: 100px;
    left: -23px;
    width: 50%;
    top: 40%;
	}
	.effect5:after {
		left:64%;
	}*/
	.box {
		height:315px;
		border-radius:0px;
	}
	.wwr_para {
		    padding: 30px 15px;
	}
	.wwr_img {
    width: 100%;
	}
	.wwr_img img {
    margin: 0px;
	    padding: 15px;
	}
	.event_para img {
		    height: 150px;
	}
	.news a img, .evn a img {
    width: 5%;
	}
.section-content{
	height: auto;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 360px) and (max-width: 767px) { 
body {
    background-size: 100% 10%;
}
.section-content{
	height: auto;
}
.header {
    background-size: cover;
}
	.jesus img {
        top: -50px;
    right: 5px;
    height: 64px;
}
.box {
    height: 140px;
}
/*.effect5:before, .effect5:after {
    bottom: 340px;
    left: 0px;
    width: 50%;
    top: 40%;
}
.effect5:after {
		left:50%;
	}*/
	.nav li {
    text-align: center;
}
.navbar-collapse {

    padding-left: 15px !important;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.cs-style-3 figcaption a {
    right: 125px!important;
}
}