/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++
[ RESPONSIVE STYLESHEET ]
AUTHOR : VIJAYAN PP
PROJECT : REMSH
VERSION : 1.1
++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/*......................................................
	DESKTOP LAYOUT
........................................................*/
@media only screen and (min-width: 900px) and (max-width: 991px) {
	.ramsh-menu a.navbar-brand img
	{
		width:45%;
	}	
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	.ramsh-menu a.navbar-brand img
	{
		width:35%;
		margin-top:3%;
	}	
}
@media only screen and (min-width: 1px){
    .ramsh-menu ul li:last-child::after{
        display:none;
    }
    
}
@media only screen and (min-width: 100px){
    .span-xs
	{
		width:100%;
		padding:10px;
	}
    
}
@media only screen and (min-width: 768px){
    .span-sm
	{
		width:50%;
		float:left;
		padding:10px;
	}
    
}
@media only screen and (min-width: 1280px){
    .span-md
	{
		width:20%;
		float:left;
		padding:10px;
	}
    
}
@media only screen and (max-width:1000px){
.our-team {
	height:auto;
}	
}

@media only screen and (max-width: 980px){
#custom_carousel .cars-control{
	display:block;
}	
#custom_carousel .carousel-control {
    position: absolute;
    top:1%;
    left: 15px;
    width: 30px;
    height:30px;
    font-weight:30;
    line-height:25px;
    color: #ffffff;
    text-align: center;
    background:red;
    border: 3px solid #ffffff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#custom_carousel .carousel-control.right {
    right: 10px;
    left: auto;
}
#custom_carousel .carousel-control.left{
    right: 40px;
    left: auto;
}
	
#home #heading
{
	padding-left:10%;
	padding-top:30%;
}
#home #heading h1
{
	font-size:30px;
}
#home #heading1 h2
{
	font-size:30px;
}
}
@media only screen and (max-width: 940px){
#donateTable,#mail-details{
	width:100%;
}	
}
@media only screen and (max-width: 800px){
#home #heading
{
	padding-left:10%;
	padding-top:40%;
}
#home #heading h1
{
	font-size:20px;
}
#home #heading1 h2
{
	font-size:20px;
}
}
@media only screen and (max-width: 767px){
/*menu*/
.ramsh-menu{
	height:auto;
	
}
.ramsh-menu > .container{
	padding-left:10px;
}
.ramsh-menu a.navbar-brand{
	position:relative;
	height:100%;
}
.ramsh-menu a.navbar-brand img
{
	width:250px;
	height:80px;
	margin-left:40%;
}
.top-contact{
	position:relative;
	text-align:center;
}
.top-contact p{
	float:none;
	padding:0px;
}
.top-contact .fa{
	padding-right:5px;
	font-size:15px;
	padding-left: 5px;
	width:35px;
	height:35px;	
		padding-top:7px;
}
.top-contact .facebook{
	position:fixed;
	right:0;
	top:0;
	padding-right:5px;
}
.top-contact p.sperator{
	display:none;
}
.navbar-nav > li > a
{
	color:#fff;
	font-size:18px;
	font-weight:200;
	font-family: 'Ubuntu', sans-serif;
}	
.ramsh-menu .navbar-brand{
}	
.navbar-toggle {
    right:1px;
	top:70px;
    background-image: none;
    border: 1px solid transparent;
	position:fixed;
	z-index:8000;
}
.navbar-collapse{
	position:fixed;
	background-color:#840D11;
	width:70%;
	top: 158px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collaps{
	/* margin-left:-20px; */
	z-index:5;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
	margin-top:-17px;
}
.client-testimonial{
	height:auto;
}
.welcome-text{
	text-align:center;
}
.main-heading{
	
}
/* HOME */
#home #heading h1
{
	font-size:20px;
}
#home #heading1 h2
{
	font-size:20px;
}
#home #heading .break-line{
	display:none;
}
#home #heading .space{
	margin-left:5px;
}
#home #heading
{
	text-align:center;
	padding-top:40%;
}
/*donate*/
#donateTable{
	border:0;
}
/* Vission */
.client-testimonial .container {
    padding: 158px 0px;
}
#bs-carousel hgroup p{
height:300px;
overflow:auto;
}
/* Service */
.our-services > .container {
    padding: 158px 0px;
}
#service{
padding-left:15px;
padding-right:15px;
}
#service #custom_carousel .item {

    color:#000;
    background-color:#fff;
    padding:15px;
}
#service #custom_carousel .controls li img {
    height:30px;
}
#contact .container{
	padding-left:5%;
	padding-right:5%;
}
.contact-remsh > .container {
    padding:158px 0px;
}
.sectionTitle{
	padding:0;
}
.contact-headings{
	display:none;
}
/*portfolio */
.portfolio > .container {
    padding-top: 158px;
}
}
@media only screen and (max-width: 480px){
	.ramsh-menu a.navbar-brand img
{
	width:250px;
	height:80px;
	margin-left:20%;
}
#portfolio .open-tab{
	border-bottom: 2px solid #A60000;
	width:100%;
}
}
@media only screen and (max-width: 360px){
	#donateTable{
		border:1px solid #ddd;
		padding:0;
	}
	/* service */
	#service .sectionTitle h2 {
		line-height:30px;
	}
}
@media only screen and (max-width: 320px){
.new-activity {
    position: absolute;
    bottom: -30px;
    width: 290px;
    right:0;
    height: 30px;
    cursor: pointer;
    z-index: 3;
}
.new-activity .activity {
    padding: 5px;
        padding-left: 5px;
    background-color: #2A2B83;
    border-left: 20px solid transparent;
    color: #222;
    color: #fff;
    padding-left: 0;
    width: 260px;
    height: 100%;
}
.new-activity #triangle2 {
    position: absolute;
    right:0px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #2A2B83;
}	
}
/*......................................................
	MOBILE LAYOUT
........................................................*/