/* Responsive  css */

 
 @media (min-width: 1024px) and (max-width: 1366px) {
 html.sticky-header-negative.sticky-header-active #header .info, html.sticky-header-negative.sticky-header-active #header .social-top{
  display:none !important;
}
 html.sticky-header-negative.sticky-header-active #header .header-nav-main{
   margin-top: 50px !important;
} 
     
 }
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 #header .header-nav-main nav > ul > li > a{
    font-size: 10px !important;
    padding: 10px 2px !important;
    }
     html.sticky-header-negative.sticky-header-active #header .header-nav-main{
   margin-top: 50px !important;
} 
 #footer .contact p{
  font-size: 16px !important; 
  line-height:30px !important;
}

}
@media (max-width:420px) and (min-width:320px) {
    html.sticky-header-negative.sticky-header-active #header .header-btn-collapse-nav{
   margin-top: 65px !important;
} 
.skill{
        height: auto !important;
    background-size: cover;
    background-position: right;
}
.quick{
    margin-bottom: 20px !important;
}
.nav-pills>li:after{
    content: " " !important;
}
.skill2 h3, .skill2 p{
    color:#fff !important;
}
.bottom-label{
    font-size: 15px !important;
    line-height: 20px !important;
    top: 22px !important;
    left: 20px;
}
.main-label {
    font-size: 15px !important;
    line-height: 20px !important;
    left: 20px;
}
.top-label {
    font-size: 16px !important;
    left: 20px;
}
.br-title{
        font-size: 14px !important;
    padding: 9px 60px !important;
}
.brans-bg {
    background-size: cover !important;
    margin-top: 15px !important;
}
.input-group, .contact {
    margin-bottom: 10px !important;
}
.down{
    margin-bottom: 20px !important;
    font-size: 15px !important;
}
.skill2 button {
    margin: 6px 0px !important;
}
.health h4{
font-size: 22px !important;
}
.about-orange h4{
    margin-top: 10px !important;
}
#footer .contact p{
  font-size: 16px !important;  
}
.quick h4{
    font-size: 20px !important;
}
html.sticky-header-negative.sticky-header-active #header .header-btn-collapse-nav{
   margin-top: 65px !important;
} 

}
@media (min-width: 481px) and (max-width: 767px){
    
.bottom-label{
    font-size: 25px !important;    
    top: 40px !important;
    line-height: 30px !important;
    left: 30px;
}
.main-label {
    font-size: 25px !important;
    line-height: 30px !important;
    left: 30px;
    }    
.top-label {
    font-size: 25px !important;
    left: 30px;
}
.quick{
    margin-bottom: 20px !important;

    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    
    html.sticky-header-negative.sticky-header-active #header .header-btn-collapse-nav{
   margin-top: 65px !important;
}
.input-group, .contact {
    margin-bottom: 10px !important;
}

.bottom-label{
    font-size: 40px !important;    
    top: 40px !important;
    left: 40px;
}
.main-label {
    font-size: 30px !important;
    left: 40px;
    }    
.top-label {
    font-size: 30px !important;
    left: 40px;
}
.agency{
    line-height: 35px;
    font-size: 25px !important;
}
.quick{
    margin-bottom: 20px !important;
}
.about-orange h4{
    margin-top: 10px !important;
}
 #footer .contact p{
  font-size: 16px !important; 
  line-height:30px !important;
}



}


@media (max-width: 991px) {
    .info, .social-top{
        display:none !important;
    }
    html.sticky-header-negative.sticky-header-active #header .header-btn-collapse-nav{
   margin-top: 65px !important;
}
.agency{
    line-height: 30px;
    font-size: 25px !important;
}
  .input-group, .contact {
    margin-bottom: 10px !important;
}
 #footer .contact p{
  font-size: 16px !important; 
  line-height:30px !important;
}
.nav-pills>li:after{
    content: " " !important;
}
.down{
    margin-bottom: 20px;
}
.brans-bg {  
    margin-top: 15px !important;
}

.margin-top-40 {
    margin-top: 20px !important;
}
.margin-bottom-40 {
    margin-bottom: 20px !important;
}

}