@media (max-width:767px) {
    #header {
        position: relative
    }
    #header .search-btn,
    #header .logo {
        margin: 10px 0!important;
        border: 0
    }
    .navbar-toggle .icon-bar {
        border-bottom: 3px solid #333
    }
    .navbar-toggle {
        margin: 17px 0 0
    }
    #header .main-nav {
        width: 100%;
        padding: 0 0 10px
    }
    .cd-hero-slider .btn {
        height: 38px;
        padding: 8px 20px 7px;
        font-size: 13px
    }
    .request-a-callback-content,
    .request-a-callback-form {
        float: none;
        min-height: 0;
        width: auto;
        background-size: 90px auto
    }
    section {
        padding: 60px 0
    }
    .cd-slider-nav a {
        font-size: 0;
        padding-top: 0;
        font-size: 8px;
        padding-top: 10px;
        text-align: center;
        font-weight: 100
    }
    .cd-slider-nav a:before,
    .cd-slider-nav li:last-child a:after {
        height: 55px
    }
    .different-services {
        padding-top: 100px
    }
    .different-services {
        padding: 50px 0;
        height: auto
    }
    .services {
        margin: 0
    }
    .contact-us-bar,
    .contact-us-bar .text-right {
        text-align: center
    }
    .contact-us-bar .btn {
        margin-top: 15px
    }
    .contact-us-bar h4 {
        font-size: 18px
    }
    .owl-item .service-box {
        margin: 0
    }
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        font-size: 24px
    }
    .owl-dots {
        padding-top: 20px
    }
}

@media (max-width:590px) {
    body {
        min-width: 320px;
        font-size: 16px
    }
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="password"] {
        height: 44px
    }
    #footer .footer-top {
        padding: 20px 0
    }
    .footer-bottom p {
        text-align: center;
        padding: 5px 0
    }
    #footer .footer-bottom {
        padding: 10px 0
    }
    #header .logo {
        max-width: 150px
    }
    #header .logo {
        margin-top: 14px!important
    }
    .navbar-toggle {
        margin-top: 14px
    }
    .btn {
        height: 43px;
        line-height: 10px
    }
    .btn:hover:before {
        line-height: 10px
    }
    .video-widget a {
        height: 62px;
        line-height: 59px;
        margin: -31px 0 0 -31px;
        width: 62px
    }
    .cd-hero-slider .btn {
        line-height: 21px
    }
}


@media (min-width:992px) and (max-width:1199px) {
.cd-hero-slider h2,
.cd-hero-slider p {
    width: 60%
}

@media (max-width:768px) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 100px
    }
}

@media (max-width:736px) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 30px
    }
}

@media (max-width:414px) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 20px
    }
    .cd-hero-slider h2,
    .cd-hero-slider p {
        width: 80%
    }
}