/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 Apr, 2016, 12:38:57 PM
    Author     : DELL
*/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}


/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/**
  MEDIA QUERIES
*/


@media (max-width: 991px) {
    .navbar-inverse .navbar-brand img {
	width: 300px;
        position: absolute;
        left: 0%;
        top: 55px;
}
.navbar-inverse .navbar-nav >li:nth-child(6) > a{
    padding-left: 10px !important; 
}
#x_days{
 text-align: right;   
}
#x_time{
 text-align: right;    
}
#x_link{
  text-align: right;   
}
#x_time i{
 margin-left:0px ;
 

}
#x_con1{
   
 margin-left:0px 
}
#x_con2{
 margin-left:0px;
 z-index:3  ;
}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


@media (max-width: 767px) {
#head.secondary {
	height: 80px;
	min-height: 80px;
	background-size: initial;
}

#head .lead {
	font-size: 34px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#quote-carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
	margin-top: 30px;
}
}

@media (max-width: 767px) {
.navbar-collapse ul {
        /*display: block;
        background: rgba(255,255,255,0.5);
        position: absolute;*/
        z-index: 1000;
	text-align: left;
	margin-right: 0px;
        padding-top: 0px !important;
}

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
.navbar-inverse .navbar-brand img {
	width: 300px;
	 position: absolute;
        left: 0%;
     
}
#x_days{
 text-align: right;   
}
#x_time{
 text-align: right;    
}
#x_link{
  text-align: right;   
}
#x_time i{
 margin-left:0px ;
 

}
#x_con1{
   
 margin-left:0px 
}
#x_con2{
 margin-left:0px;
 z-index:3  ;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	font-size: 13px;
}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
text-align: left;
}
#quote-carousel .carousel-indicators {
	bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0px 5px;
	width: 15px;
	height: 15px;
}
#quote-carousel .carousel-indicators li.active {
	margin: 0px 5px;
	width: 20px;
	height: 20px;
}
.footer2 p {
	margin: 0;
	text-align: center;
}
}


@media (max-width: 420px) {
/*    .navbar-inverse {
background: rgba(255, 255, 255, 0.8);
    }*/

.da-slide h2 {
	font-size: 28px;
}
.da-slide p {
	font-size: 19px;
	font-weight: 400;
}


#x_time{
display: none;
}
#x_days{
  display: none;  
}
#x_link{
    z-index: 10;
    position: relative;
}
.shrink{
	padding-top:5px !important;
	min-height:60px  !important;
        
         
}
.navbar-inverse .navbar-brand img {
   
    width: 300px;
    
}
.shrink  img{
 height:40px;
 margin-left:10px !important;
 padding-left:0px;
 margin-top: -80px !important;
 
}

}