@media (max-width:1200px) {
    
    .mid-info li:first-child {
        
        display:none;
    }
    
    nav ul li a {
        
        font-size:14px;
    }
}

@media (max-width:992px) {
    .mid-info {
        
        display:none;
    }
    
    .banner-slider .slick-arrow {
        
        display:none !important;
    }

    .logo img {
        height: 75px;
        width: auto;
        max-width: initial;
    }

    .mid-info li img {
        height: 35px;
        max-width: inherit;
    }

    .phone p, .phone span {

        font-size: 14px;
    }

    .mid-info li {

        margin: 0 20px;
    }

    .main-nav {

        position: fixed;
        top: 0;
        left: -290px;
        width: 250px;
        height: 100%;
        background: #00549c;
        z-index: 9;
        transition: 300ms ease all;
    }


    .top-menu-bar,
    .close-btn,
    .main-nav ul li{

        display: block;
    }

    
    .main-nav ul li a{

        display: block;
        border-bottom: 1px solid #3a78ad;
        color: #fff;
        font-size: 14px;
    }

    a.small-device-logo {

        display: block;
    }

    .nav-inner {
        display: block;
        height: 100%;
        overflow-y: scroll;
    }

    .sub-menu {

        position: static;
        transition: inherit;
        transform: inherit;
        display: none;
    }

    #sub-menu li a {

        color: #333;
    }

    .banner-content h1 {

        font-size: 40px;
    }

    .title-wrapper h2 {

        font-size: 30px;
    }

    .all-sec-padding {
        
        padding: 40px 0;
    }
}

@media (max-width:767px) {
    
    .design-content-wrapper {
        
        flex-direction:column;
        align-items:flex-start;
    }
    
    ul.top-social-media {
        display: none;
    }
    
    .career-form {
        
        padding:15px;
    }

    .banner-slider-container figure {

        height: 400px;
    }
    
    .service-top-banner img {
        
        height:300px;
    }

    .mid-info {

        display: none;
    }

    .service-col,
    .service-container:nth-child(4) .service-col, 
    .service-container:nth-child(5) .service-col, 
    .service-container:nth-child(6) .service-col {

        margin-bottom: 30px;
    }
    
}


@media (max-width:500px) {
    
    .name p {
        
        font-size:16px;
    }
    
    .name span {
        
        font-size:20px;
        line-height:20px;
    }
    
    .logo_wrapp span {
        
        font-size:12px;
    }
}

@media (max-width:480px) {
    
        .name span {
        
            display:none;
        }
         .name p {
        
            font-weight:700;
        }

    .top-social-media li a {

        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 14px;
    }

    .top-header p {

        font-size: 14px;
    }

    .top-header p i {

        font-size: 16px;
    }

    .banner-content h1 {
        font-size: 30px;
    }

    .title-wrapper h2 {
        font-size: 25px;
    }

    .service-icon img {

        width: 40px;
    }

    .service-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
  
    }

    .insta {

        display: none;
    }
}

@media (max-width:360px) {

    .top-header p {

        display: none;
    }

    .top-header {

        justify-content: center;
    }
}
@media (min-width: 320px) and (max-width: 790px){
	a.bd-logo {
   display:none !important;
    }
    
}