/*---------------------------------------------------------------------
    Large Desktops
-----------------------------------------------------------------------*/

@media only screen and (min-width: 992px)  {

    .carousel-heading h1{
	
	}

	li.nav-item span{
	display: none;

	}

}


/*---------------------------------------------------------------------
    Desktops
----------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-heading h1{
	
    }
    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color:  rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }
	li.nav-item {
	border-bottom: 1px solid rgba(204,204,204,0.5);
	text-align:center;
	padding: 10px !important
	}
	li.nav-item:hover {
	background-color: rgba(255,255,255,0.1) !important
	}
	
li.nav-item span{
	display: display;
	padding-left: 10px
	}
li.nav-item i{
	font-size: 15px !important
	}	
	
}


/*---------------------------------------------------------------------
    Tablets Devices
-----------------------------------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color:  rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }

}


/*----------------------------------------------------------------------
   Mobile Devices
------------------------------------------------------------------------*/

@media only screen and (min-width: 360px) and (max-width: 479px) {
    .carousel-heading h1{
	font-size: 30px;
	
	}
  
  .carousel-heading h3{
	font-size: 22px
    }
    
    	
.navbar {
    background: rgba(255,255,255,0.9);
	box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);

}
.navbar li a {
    color:  rgba(31, 31, 31, 0.9) !important;
    text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
}

li.nav-item {
	border-bottom: 1px solid rgba(204,204,204,0.5);
	text-align:center;
	padding: 10px !important
	}
li.nav-item:hover {
	background-color: rgba(255,255,255,1) !important
	}
		
li.nav-item span{
	display: display;
	padding-left: 10px
	}
li.nav-item i{
	font-size: 15px !important
	}	
	
.imageSlide h1,
.videoSlide h1 {
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin: auto;
    color: #fff;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
}

/*----------------------------------------------------------------------
    Small Screen Mobile Devices
-----------------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 359px) {

    .navbar {
        background: rgba(255,255,255,0.9);
        box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    
    }
    .navbar li a {
        color: rgba(31, 31, 31, 0.9) !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5);
    }
.imageSlide h1,
.videoSlide h1 {
    font-size: 40px;
    text-align: center;
    line-height: 1;
    margin: auto;
    color: #fff;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
	
	
}