/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    .banner {
        background-image: url(../img/banner/01.jpg);
        background-size: cover;
         height: 100%;
        background-repeat: no-repeat;
    }
    .social-section {
        padding: 0 0 30px 0;
        width: 36%;
    }
    .second-ul {
        margin: -20px 0 0 0;
    }

    .social-section .col-lg-3 img {
        margin: 45px 0 20px 0;
    }
    .copy-right p {
        top: 0;
    }
    .our-vision {

        border-right: 0px solid #c8c8c8;

    }

    .abt-img {
        width:100%;
    }
    .hover-blue h3 {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        font-size: 25px;
        margin: 0;
        padding: 0;
        position: relative;
        left: 10px;
        top: 0;
    }
    .hover-blue {
        top: -94px;
        width: 96%;
        left: 11px;
    }
    .premium-text h4 {
        margin: 30px 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner {
        height: 100%;
        background-image: none;
    }
    .banner-content {
        margin: 47px 0 0px 0;
    }
    .banner-content h1 {
        font-size: 37px;
    }

    .banner-content p {
        font-size: 14px;
        font-weight: bold;
        line-height: 7px;
        color: #565656;
    }
    .banner-btm-img img {
        top: 0;
        left: 45px;
    }
    .banner-values {
        height: 100%;
    }
    .oc .col-lg-6 {
        margin: 0 0px 30px 0;
    }

    .oc {
        margin: 50px 0px 0px 0;
    }
    .navbar {
        background-image:none;
        background-repeat: repeat-x;
        border-radius: 0;
        margin-bottom: 0;

    }
    .nav-main-hdr  {
        background-color: #0da1cd;
        border-color: #0da1cd;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #000;
    }
    #header {
        position: relative;
    }

    .nav-logo {
        padding: 0;
        position: relative;
        bottom: 77px;
        left: 0;
    }

    .social-media-footer {
        position: relative;
        top: 0;
        list-style: none;
    }

    .copy-right p {
        color: #ffffff;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        top: 0;
        position: relative;
    }

    .br-black {
        border-right: 0px solid #0a2c36;
    }
    .social-section {
        width: 100%;
        margin: 0 0 0 0;
    }
    .social-section .col-lg-3 {
        margin:20px 0 ;
    }
    .contact ul {
        padding: 0;
    }
    .our-company ul {
        padding: 0;
    }

    .banner-btm-img-about img {
        top: 20px;
        left: 45px;
    }
    .our-vision {
        padding: 0 0px 30px 25px;
        border-right: 0px solid #c8c8c8;
        margin: 0 30px 0 0;
    }

    .banner-about {

    }

    .abt-img {
        width: 100%;
    }

    .contact-main ul li p {
        font-size: 16px !important;
    }
    .marg-class {
        position: relative;
        left: 0px;
    }

    .contact-main h1 {
        font-size: 40px;
        margin: 60px 0 0px 0;
    }
}