﻿body {
   width:100%;   
    overflow-x: hidden;
}
 .img{
       width:60%;
       height:auto;     

        transform:rotate(180deg);
        -ms-transform:rotate(180deg); /* IE 9 */
        -webkit-transform:rotate(270deg) !important; /* Opera, Chrome, and Safari */
    }
  
 .left {
float: left;
padding: 0 20px 20px 0;
}
 .sermonManofGod{
    padding:20px;   
   margin: 0 auto;
    align-items:center;
    width:20%;
    
 }
 .application{
     width:100%;
}
 .login{    
     margin-left:400px;
     margin-right:400px;
     height:578px;
     width:30%;
     background-color:#997366;
 }
 .loginControls{
      align-items:center;
      text-align:left;
}

 .csMessage{
     display: block;     
     padding:10px;
     margin: 0 auto;
     width: 100%;
     height:auto;   
  
}
 .lblTitle{
      padding:20px;
 }

.imgvisit{    
    width:40%;
    height:auto; 
} 

.anointingimg{
     float: left;
     width: 20%;
    }
.anointingdiv {
    float: right;
    width: 75%;
    height: auto;
}

.imgdiv{
    float:left;
    width:30%
}


.testimoniesimg{
    width:100%;
    height:auto;
}

.navbar navbar-inverse a:hover{
    opacity:1.0;
    filter: alpha(opacity=100);
}

.footer {
  background: #061D25;
  padding: 10px 0;
  width:100%;

}
.footer a {
  color: #70726F;
  font-size: 20px;
  padding: 10px;
  border-right: 1px solid #70726F;
  transition: all .5s ease;
}
.footer a:first-child {
  border-left: 1px solid #70726F;
}
.footer a:hover {
  color: white;
}

.position{    
     width:100%;     
     text-align:center;       
}

.videobanner{
   width:100%;
   -o-object-fit:cover;
   object-fit:cover;
}
 ::-webkit-scrollbar {
    width: 10px;
    height:auto;
}

 .content{
     width:100%;
     height:auto;    
     background-color:white;
 }

 .p {
    font-family: Verdana, Geneva, sans-serif;
   color:lightgray;
}
 .h1,h2,h3,h4,h5{
     font-family: Verdana, Geneva, sans-serif;
    margin-left: 5px;
}
 .ltext{
     width:100%;
     margin-bottom:10px;
     
 }

.right-media {
    float:right;
    width:45%;
}
.left-media {
    float:left;width:50%;
}


.btnVisit {
    background-color: #66998c;  
    border: none;
    color: white;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width:200px;
    border-radius: 2px;
}   
 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 769px) {
    
    .column {
        width: 100%;    
    }    
    .video-container iframe, .video-container object, .video-container embed{
        width:100%;
        height:100%;
    }   
    .position{  
     width:100%;
   }
   .line{
    width:100%;
    } 
    .container{
         margin-left:5px;
        margin-right:5px;
    }
     
 .videobanner{
   width:100%;
  }

  .img{
         width: 70%;
         padding:10px;
    }
    .imgvisit{
         width: 50%;
         padding:10px;
    }  
   
    .sermonManofGod {
        width:50%;
        height:auto;
    }
       .left-media {
        float:left;
        /*width:50%;*/
        padding:10px;
         margin-left:5px;
        margin-right:5px;
    }
      .right-media {
        float:right;
        /*width:45%;*/
        padding:10px;
         margin-left:5px;
        margin-right:5px;
    }
      /*.login{
         width:60%;
         margin-left:100px;
         margin-right:100px;
     }*/
}


 @media (max-width:768px){
      .column {
        width: 100%;  
    }    
    .video-container iframe, .video-container object, .video-container embed{
        width:100%;
        height:100%;
    }
    .media-body{
        float:left;
        width:100%;
        height:auto;
        padding-bottom:5px;
         margin-left:3px;
        margin-right:3px;
    }
    .media-left{
        float:none;
        width:50%;
        height:auto;
        padding-bottom:5px;
         margin-left:3px;
        margin-right:3px;
    }
   .container{
          margin-left:5px;
        margin-right:5px;                   
    }
    .navbar-inverse{
          margin-left:1.5px;
        margin-right:1.5px;
    }
    .position{    
     width:100%;
   }
    .line{
        width:100%;
      } 

    .videobanner{
       width:100%;
   }

   .img{
         width: 60%;
         padding:10px;
  }
  .imgvisit{
        width: 60%;
        padding:10px;
  }     
  .sermonManofGod {
        width:70%;
        height:auto;
         margin-left:3px;
        margin-right:3px;
    }
     .fb-page{
        data-with:0px;
    }
     .login{
        width:70%;
        margin-left:100px;
        margin-right:100px;
     }
     .modal-body{
         width:100% !important;
     }
 }

 .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
 #block{
     overflow-x:hidden;
     padding-bottom:20px;
 }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.pluginConnectButton {
    display:none;
}
* {
    box-sizing: border-box;
}
.video-container {
	position:relative;
	padding-bottom:36.25%;
	padding-top:30px;
	height:0px;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height:100%;  
	 
}
.container{
    border:hidden;
    radius:3%;
     color:black;
     height:auto;     
     margin-left:auto;
     margin-right:auto; 
     padding:20px; 
}


/* Create three equal columns that floats next to each other */
.column {
    /*border: ridge;*/
    float: left;
    /*radius: 3%;*/
    width: 44%;
    height: auto;
    padding: 20px;
    color: black;
}
.column1{
     float: right;
     width: 44%;
     height: auto;
     margin-top:50px;
     padding: 20px;
     overflow:hidden;

}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.media-body {
   height:auto;
}
 
 
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 .column {
        width: 100%;
        float:none;
        height:auto;
    }
    .video-container iframe, .video-container object, .video-container embed {
        width: 100%;
        height: 100%;
    }

    .media {
        width: 100%;
    }

    .media-body {
        float: left;
        width: 100%;
        height: auto;
        padding-bottom: 5px;
    }

    .media-left {
        float: none;
        width: 100%;
        height: auto;
        padding-bottom: 5px;
    }

    .container {
        margin-left: 10px;
        margin-right: 10px;
    }

    .position {
        width: 100%;
    }
    .middle {
       display:none;
    }

    .column1{
        width: 100%;
        float:left;
        height:auto;
     }
    .img{
         width: 100%;
         padding:10px;
    }
    .imgvisit{
         width: 100%;
         padding:10px;
    }       
    .sermonManofGod {
        width:100%;
        height:auto;
    }     
     .fb-page{
        data-with:0px;
    }
    .right-media {
        float:left;
        width:100%;
        padding:10px;
    }

     .left-media {
        float:none;
        width:100%;
        padding:10px;
    }
     .anointingimg{
         width:100%;
         float:none;
         padding:20px;
     }
     .anointingdiv{
         width:100%;
         float:left;
         height:auto;
         margin-bottom:150px;
     }
    
     .login{
         width:100%;
        margin:0px;
     }
     .application{
     width:100%;
 }
   
}

