@media (min-width:768px) { 

    header{ text-align:right;}
    header nav.navbar{ min-height:auto;    padding-bottom: 10px;}
    #navbar .navbar-nav>li>a{ background-color:transparent!important}
    #navbar{padding-right:0}
    #navbar .navbar-nav>li:last-child{ padding-right:0}
    #navbar ul.nav.navbar-nav{ display:inline-block; float:none}
    #navbar .navbar-nav>li{ display:inline-block; vertical-align:middle;float:none}
    #navbar .logoArea a::after{ display:none}
    #navbar .logoArea img{ max-width:145px; display:inline-block; height:auto;vertical-align:middle;}
header.fixed-header{box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.13);}

#navbar .navbar-nav>li{ position:relative;}
#navbar .navbar-nav>li ul.dropdown-menu{ visibility:hidden; opacity:1; display:block!important; transition:all 0.2s ease;-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;  top:146%;}
#navbar .navbar-nav>li:hover ul.dropdown-menu{  visibility:visible; opacity:1;  top:100%;}
#navbar .navbar-nav>li ul.dropdown-menu li a{    padding: 5px 10px;}
#navbar .navbar-nav>li ul.dropdown-menu li:hover a{ color:#ffb400}


 }

@media (max-width: 767px) { 
    header{box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.13);}
    .logo{  position: absolute; left: 0;  top: 0;  padding: 5px;    z-index: 3;}
    .logo img{ max-width:80px;}
    .brands-slider{ display:none}
    .row-head .headRight{ float:left; width:100%; margin-top: 15px;}
    .coDetails{ float:right}
    .bannerSec{  padding-top: 120px; padding-bottom: 25px;}
    header nav.navbar{ width:100%;}
    .navbar-toggle .icon-bar{ background-color:#4791d0}
    .navbar-toggle{ margin-right:0!important}
    #navbar .navbar-nav li{ text-align:right}
    
    header .navbar-nav > li.menu-item-has-children > a:before {  font-family: 'themify';
    content: "\e64b";   position: absolute;   right: 0;  top: 9px;}
    header .navbar-nav > li.menu-item-has-children.open > a:before {content: "\e648";}
    #navbar .navbar-nav>li{ padding:0;}
    #navbar .navbar-nav>li>a{ padding:10px 23px 10px 0;}
    
    .counter-section{ padding:10px 0}
    .counter-block .ti{ position:relative;  display: block;  margin-bottom: 15px;}
    .counter-block{padding-left: 0;}
    .counter-block .counter-value{ font-size:27px;}
    .milestone-counter span{ font-size:30px;}
    
    .stepservice .row > div{min-height: 100px;}
    .post-container {  margin-bottom: 30px;  max-width: 360px;  margin: 0 auto;}
    
    .section_news .owl-carousel:before{ position:relative;}
    .section_news .owl-carousel{ padding-left:0;}
    .footer:before{ display:none;}
    
    .stepser a{ font-size:14px;}
    .owl-tools .owl-stage{ background-image:none}
    .slide-item{ max-width:100%;    padding: 0 15px;}
    .slide-item h3{padding-right: 0;}
    .slide-item p{ padding-right: 0;}
    .owl-tools .item{    height: initial;}
    
    .page-template-contact .bannerSec{height: 235px;}
    
}

@media (min-width: 768px) and (max-width:900px) { 
    #navbar .navbar-nav>li{    padding: 10px 5px;}
    #navbar .navbar-nav li a{    font-size: 14px;}
    .bannerSec{  padding-top: 155px;  padding-bottom: 30px;}
    .footer:before{ display:none;}
}