.social-sec { display: inline-block; float: right; width: 17%;}
.detail-sec { width: 68%;display: inline-block;} 
.logo-sec { width: 15%; float: left; display: inline-block;}

#header { padding-top: 10px;}
.head-right ul li {display: inline-block;list-style: none; width: 30%; float: left;}
.head-right ul li a { color:#686c77; }
.head-right ul li a:hover { color: #76cc03;}
.head-right ul li.email { width: 37%;}
.head-right ul li p { margin-bottom: 0; font-size: 13px; line-height: 22px;}
.head-right ul li p.sec-content { font-size: 12px;}
.head-right ul li i { display: inline-block; height: 25px; width: 25px; line-height: 25px; border: 1px solid #e9e9e9; text-align: center; border-radius: .25rem; font-size: 15px;}
.list-div { display: inline-block;}
.social-icons ul li a {height: 30px;width: 30px;line-height: 30px; }
.sub-logo { display: none;}
.my-logo { height: 60px;}
.quote-btn { position: absolute; right: 0; }
#header-wrap.fixed-header .sub-logo { display: block;}
.c-link .icon { display: inline-block; margin-right: 10px; vertical-align: text-bottom;}
.logo img { max-height: 115px;}
#header-wrap.fixed-header .sub-logo {margin-left: 85px;}
.fixed-header .quote-btn { right: 65px; }


ul li.nav-item:hover { display: block !important;}
.gallery { margin: 10px 50px;}
.gallery ul li { list-style: none; display: inline-block; width: 33%;}
.gallery img { transition: 1s; padding: 15px; width: 340px;
    height: 340px;
    object-fit: cover;
    object-position: center;}
.gallery img:hover { filter: grayscale(100%); transform: scale(1.1);}
.image_foot .rounded-top { background-color: rgb(3, 6, 13) !important;}
.bottom-btn {transform: translate3d(0, 0, 0);opacity: 1;visibility: visible; }
.popup-gallery .project-item:before { background:#76cc03 !important ;}
.popup-gallery .text-theme { color: #fff;}
.popup-gallery .project-title { font-size: 22px; bottom: 50px;}
.popup-gallery .project-title .text-white { margin-bottom: 20px !important;}
.popup-gallery .project-item h4 { font-size: 16px; line-height: 30px; }
.btn.btn-dark { background: #fff; border: 1px solid #76cc03; color: #76cc03;}
.topbar-link a:hover,.contact-media a:hover,.media-icon li a:hover { color: #76cc03!important; }
.social-icons ul li:hover { background: #76cc03 !important;}
.btn.btn-dark:hover {background: #c1d200 !important;  }
.nav-item.dropdown .dropdown-menu a:hover { color: #c1d200; }
.quote-div { margin: 0 auto; display: block; margin-bottom: 60px;}
.fixed-header .logo img { max-height: 52px !important; }





@media(min-width: 992px) and (max-width: 1199px)
{ 


    .quote-btn { right: 45px !important;  top: 12px;}
    .head-right ul li p { font-size: 11px;}
    .head-right ul li i {height: 20px; width: 20px;line-height: 20px; font-size: 13px; }
    .c-link .icon { margin-right: 6px; }
    .social-sec { padding: 0;}
    .social-icons li { margin: 0 7px 0 0;}


    .my-logo {
        display: none;
    }

    a.sub-logo {
        display: block;
        margin-right: 110px;
    }

    .logo img {
        max-height: 95px;
        margin: 0px 0px 0px 27px;
        padding: 6px;
    }

    .quote-btn {
        margin-right: 9px;
    }
    
    
    .navbar-nav .nav-item { margin: 0;}
   
    #header-wrap .navbar-nav:before { background: none !important; }
    .topbar-link .icon { width: 22px; height: 24px; margin-right: 10px !important; }
    .topbar-link .text-black {  line-height: 22px;}
    .topbar-link .icon { font-size: 20px;}
    .social-icons li a { height: 30px;width: 30px; line-height: 30px; }
    .navbar-collapse {left: 168px; top: 0%; width: auto; background: #ffffff;
        border-radius: .25rem;
        max-height: 400px;padding: 10px;
        position: absolute;
        z-index: 99;overflow: hidden;
        border: medium none; box-shadow: 7px 5px 30px rgb(72 73 121 / 15%); }
    .d-md-inline-block { display: inline-block!important; }
    .navbar-expand-lg .navbar-collapse {  display: inline-block !important;}
    .w-25 { z-index: 99; position: absolute; right: 0; top: 20px;}
    .navbar-nav .nav-link { line-height: 21px; background: #76cc03 !important; color: #fff !important; padding: 10px !important; border-radius: 0 !important;}
    #header-wrap { padding: 5px 0;} 
    .fixed-header .logo img { max-height: 57px !important; margin: 0;}
    .fixed-header .navbar-nav .nav-link {padding: 10px 15px !important;}
    .fixed-header .navbar-collapse {
        left: 210px; }
        .navbar-toggler span {background: #76cc03 !important; }
        
        
            .d-lg-inline-block { display: none !important; }
            #logo-img { max-height: 80px;
                margin: 0px 0px 0px 27px;
                padding: 6px;}
                .nav-link.dropdown-toggle::after {
                    border: solid #ffffff;
                    border-width: 0 2px 2px 0;
                    width: 0.425rem;
                    height: 0.425rem;
                    transform: rotate(
                45deg
                );
                    -webkit-transform: rotate(
                45deg
                );
                    vertical-align: 0.15em; }
                  
                    .header-top .topbar-link {
                        width: 100% !important;
                    }           
}



@media (min-width: 768px) and (max-width: 991px)
{
.detail-sec {width: 80%; }
#header-wrap.fixed-header .sub-logo { margin-left: 100px;}
.fixed-header .navbar-toggler { margin-right: 100px;}
.fixed-header .quote-btn { right: 200px;}
.head-right ul li.work { display: none;}
.head-right ul li {width: 39%; margin-right: 12px; }
.head-right ul li.email {width: 56%;}
.my-logo { margin-left: 30px;}
.quote-btn { right: 80px;}
.navbar-toggler { margin-left: 50px;}
.logo img {max-height: 65px !important; }
.navbar-nav .nav-item .nav-link.active { background: #76cc03; color: #fff;}
/* .order-lg { width: 100%;} */
.sec-three {  margin-bottom: 30px;}
.light-bg .team-member { margin-bottom: 30px;}
.owl-carousel .owl-nav { top: 42%;}
.gallery ul li { width: 49%;}
.container { max-width: 100% !important;}
.social-icons { display: none !important;}


} 
@media (min-width: 576px)
 {
    /* .detail-sec { width: 100%;  } */
}

@media (max-width: 768px)
{
    .detail-sec { width: 100%; }
    .head-right ul li.work { display: none;}
    .social-sec { display: none;}
    .head-right ul li {width: 37%; margin-right: 10px; }
    .head-right ul li.email {width: 56%;}
    .head-right ul li p {font-size: 12px; line-height: 18px;}
    .head-right ul li p.sec-content {font-size: 11px;}
    .head-right ul li i { height: 21px; width: 21px; line-height: 21px; font-size: 13px; }
    .my-logo { display: none;}
    #header-wrap .sub-logo { display: block !important;}
    .navbar-toggler { margin-right: 174px;}
    .quote-btn { right: 27px; display: block !important;}
    #header-wrap.fixed-header .sub-logo { margin-left: 30px; }
    .navbar-toggler { margin-right: 200px;}
    
    
 .sub-para { line-height: 15px;}
 
 .logo img { max-height: 65px !important; }
 #header-wrap { padding: 5px 0;}
 .navbar-toggler {height: 27px; width: 29px; }
 .order-lg { margin-bottom: 30px;}
 .owl-carousel .owl-nav { top: 33%;}
 .testimonial-img i {font-size: 55px; } 
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 18px; }
 .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 30px;height: 30px;line-height: 30px; }
 .team-member { margin-bottom: 10px;}
 .gallery ul li { width: 49%;}
 
 .navbar-nav .nav-item .nav-link.active { background: #76cc03; color: #fff;}
 


}
@media (max-width: 480px)
{
    
    .btn-box .btn { padding: 14px 26px; margin-bottom: 10px; }
    .testimonial-img i {  font-size: 50px;}
    .social-icons.footer-social li a { height: 36px; width: 36px;line-height: 36px;}
    .gallery ul li { width: 100%;}
    .btn.search-btn { padding: 8px 20px !important;}
    .sub-logo{ margin-left: 0px; margin-right: 50px;}
    
            .sub-logo { margin-right: 0 !important; margin-left: 0;}
            .logo img { margin: 0 !important;  max-height: 50px !important;} 
            .navbar-toggler { margin-right: 20px !important;}
.head-right ul li { margin-right: 8px; }
.head-right ul li i { height: 13px; width: 13px; line-height: 13px; font-size: 8px;}
.head-right ul li p { font-size: 8px; line-height: 15px;}
.head-right ul li p.sec-content { font-size: 8px;}
.quote-btn a { padding: 5px 13px !important;font-size: 12px;}
.detail-sec { padding: 0 7px; }
.c-link .icon { margin-right: 0;}
.quote-btn {right: 65px; }
}