@media (min-width: 1200px) {
    /* Dropdown animation */
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: none;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    }
    .navbar-nav .dropdown:hover div.dropdown-menu,
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden;
    }
    
   
}

@media only screen and (max-width: 1199px){

 .nav>li>a
    {
         padding: 10px 11px;
    }





}




@media only screen and (max-width: 991px) {

    .navbar-header .navbar-brand {
        height: auto;
    }
    .navbar-header .navbar-brand a {
        width: 150px;
    }
    .gallery {
        padding: 50px;
    }
    #top-bar .main-menu li a {
        font-size: 12px;
        padding: 10px 10px;
    }



    .global-page-header, #empty-section {
        margin-top: 99px;
    }

    .bg_credit
    {
        padding: 80px 0;
    }

    .text_banner_listing h1
    {
        font-size: 28px;
        font-weight: 850;
        line-height: 31px;
    }

    .list_items ul li h2
    {
        font-size: 17px;
        letter-spacing: 0.8px;
    }

    .list_banner-item ul li h2
    {
        font-size: 17px;
        letter-spacing: 0.8px;
    }

    .list_items
    {
        float: left;
    }

    .list_banner-item
    {
        float: right;
        margin-left: 40px;
    }

    .bg_sec
    {
        padding: 80px 0;
    }

    .text_banner_credit h1
    {
        font-size: 28px;
        font-weight: 850;
    }

    .text_meseg_cr i
    {
        font-size: 23px;
    }

    .text_meseg_cr h3
    {
        font-size: 22px;
    }

    .text_banner_credit h2
    {
        font-size: 22px;
        margin-top: 26px;
    }

    .text_digit
    {
        padding: 14px 32px;
    }

    .text_digit i
    {
        font-size: 26px;
    }

    .text_digit h3
    {
        font-weight: 450;
        font-size: 26px;
    }





}    



@media only screen and (max-width: 767px) {
    .title {
        font-size: 26px;
        margin-top: 0;
    }
    #blog-full-width {
        padding: 25px 0 30px;
    }
    #top-bar.animated-header {
        padding: 5px 0;
    }
    .navbar-header .navbar-brand a {
        padding: 6px 8px;
        margin-top: 0px;
    }
    #hero-area {
        padding: 140px 0;
    }
    #hero-area .btn {
        margin-top: 8px;
    }
    #about {
        padding: 88px 0 4px;
    }
    #about .block {
        padding: 0;
    }
    figure .buttons {
        left: 16%;
    }
    #feature .media {
        margin: 0px 0px 35px;
    }
    #footer .copyright {
        text-align: center;
    }
    #footer .social {
        text-align: center;
    }
    .dropdown-menu > ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        padding: 15px;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .dropdown-menu > ul {
        list-style: none;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: -5px;
        background: #fff;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
    }
    .navbar-collapse {
        background: #333333;
    }
    #top-bar .main-menu li > a {
        color: #fff;
        padding: 12px 10px 12px 25px;
        background: transparent;
        border-bottom: 1px solid #7d7d7d;
    }
    #top-bar .main-menu li:last-child > a {
        border-bottom: 0px solid #7d7d7d;
    }
    #top-bar .dropdown-menu > ul {
        list-style: none;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: -5px;
        background: #fff;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
    }
    #top-bar .dropdown-menu > ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        padding: 15px;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .navbar-fixed-top .navbar-collapse {
        max-height: initial;

    }
    .navbar-collapse{

        margin-top: 10px !important;
    }
    .navbar-brand img{
        width: 135px;
    }
    .navbar-header .navbar-brand {
        height: auto;
    }
    .single-button#call-to-action .block .btn-contact {
        font-size: 14px;
        white-space: normal;
    }
    .service-page .service-parts .block {
        text-align: center;
        margin-bottom: 20px;
    }

    #contact-section {
        padding: 25px 0;
    }
    #footer {
        padding: 10px 0;
    }
    .global-page-header h2 {
        font-size: 30px;
    }
    .global-page-header .breadcrumb {
        font-size: 14px;
    }
    .works {
        padding: 40px 0 2px;
    }
    .section-heading {
        margin-bottom: 45px;
    }
    .testimonials {
        padding: 40px 0 20px;
    }
    .pages {
        padding: 20px 0 10px;
    }
    .service-page .service-parts .block p {
        text-align: center;
    }
    .gallery {
        padding: 35px 15px;
    }
    #contact-section .address-details {
        padding-top: 25px;
    }
    #contact-section .address, #contact-section .email, #contact-section .phone {
        padding: 20px 0 20px 0;
        margin-bottom: 15px;
    }
    #clients {
        padding: 10px 0 35px;
    }
    .wrapper_404 h1 {
        font-size: 156px;
    }
    .wrapper_404 h2 {
        font-size: 38px;
    }
    .table_305 td, .table_305 th {
        padding: 7px;
        white-space: normal !important;
        font-size: 12px;
    }
    .table_305 .bolder {
        font-size: 12px;
    }
    .global-page-header, #empty-section  {
        margin-top: 84px;
    }
    #about {
        padding: 50px 0 4px;
    }

    .bg_credit
    {
        padding: 70px 0;
    }

    .text_banner_listing h1
    {
        font-size: 26px;
        line-height: 30px;
        font-weight: 500;
        margin-top: 40px;
        text-align: center;
    }

    .credit_list_item
    {
        margin: auto;
    }

    .bg_sec
    {
        padding: 70px 0;
    }

    .text_banner_credit
    {
        margin-top: 40px;
    }

    .img-responsive
    {
        max-width: 80%;
        margin: auto;
    }

    .text_banner_credit h1
    {
        font-size: 26px;
        text-align: center;
    }

    .text_meseg_cr h3
    {
        font-size: 20px;
        display: initial;
    }

    .text_meseg_cr i
    {
        font-size: 22px;
    }

    .text_banner_credit h2
    {
        font-size: 22px;
        text-align: center;
    }

    .text_digit
    {
        padding: 10px 30px;
        display: inline-block;
        margin-top: 16px;
    }



}
@media only screen and (max-width: 568px) {

    .moduler {
        padding: 90px 0 50px;
    }

    .bg_credit
    {
        padding: 60px 0;
    }

    .text_banner_listing h1
    {
        font-size: 24px;
        line-height: 28px;
        margin-top: 30px;
    }

    .list_items ul li h2
    {
        font-size: 16px;
    }

    .list_banner-item ul li h2
    {
        font-size: 16px;
    }

    .bg_sec
    {
        padding: 60px 0;
    }

    .text_banner_credit h1
    {
        font-size: 24px;
        font-weight: 750;
        text-align: center;
    }

    .text_meseg_cr i
    {
        font-size: 18px;
    }

    .text_meseg_cr h3
    {
        font-size: 18px;
        display: initial;
    }

    .text_banner_credit h2
    {
        font-size: 22px;
    }

    .text_digit
    {
        padding: 10px 25px;
    }



}

@media only screen and (max-width: 355px) {

    .bg_credit
    {
        padding: 50px 0;
    }
    
    .list_items ul li
    {
        line-height: 28px;
    }
    
    .list_banner-item ul li
    {
        line-height: 28px;
    }

    .text_banner_listing h1
    {
        font-size: 22px;
        line-height: 26px;
        font-weight: 400;
    }

    .list_items ul li h2
    {
        font-size: 14px;
    }

    .list_items ul li i
    {
        font-size: 14px;
    }

    .list_banner-item ul li h2
    {
        font-size: 14px;
    }

    .list_banner-item ul li i
    {
        font-size: 14px;
    }

    .bg_sec
    {
        padding: 50px 0;
    }

    .text_banner_credit h1
    {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
    }

    .text_meseg_cr h3
    {
        font-size: 16px;
    }

    .text_banner_credit h2
    {
        font-size: 22px;
    }

    .text_digit
    {
        padding: 10px 20px;
    }



}