/* Smart Phones And Tablets */

@media (max-width: 767px) {
    
    
    .col-xs-1 {
        width: 6%
    }
    
    /* Start Social */
    
    .social {
        top: 80px
    }

    .social li {
        margin-top: 1px
    }

    .social img {
        width: 17px
    }
    
    /* End Social */
    
    /* Start navbar */
    
    .navbar {
        min-height: 50px;
        z-index: 9999
    }
    
    .navbar .navbar-toggle {
        margin-top: 11px
    }
    
    .navbar-nav > li > a {
        margin-top: 0;
        font-size: 12px
    }
    
    .navbar-nav > li > a i {
        font-size: 13px;
        margin-left: 6px
    }
    
    .navbar > .container .navbar-brand {
        margin-left: 15px;
        margin-top: 1px
    }
    
    .navbar > .container .navbar-brand img {
        width: 80px
    }
    
    .navbar > .container .navbar-brand p {
        font-size: 40%
    }
    
    .navbar-nav > li > a:before {
        width: 0
    }
    
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li .active {
        margin-top: 0
    }
    
    /* End navbar */
    
    /* Start Carousal */

    .my-slide .carousel-inner .carousel-caption {
        bottom: 7px;
        font-size: 75%
    }

    /* End Carousal */
    
    /* Start Main */

    main {
        padding: 5px 10px 12.5px
    }

    main h2 {
        font-size: 100%;
        padding-bottom: 11.5px
    }

    main .lead {
        font-size: 9.5px
    }

    main .lead span {
        font-size: 11px
    }

    main a {
        font-size: 50%
    }

    main a .fa {
        font-size: 13px
    }

    main a:hover {
        font-size: 60%
    }

    /* End Main */

    /* Start Footer */

    footer .over {
        padding-top: 18px;
        padding-bottom: 18px
    }
    
    /* Start Clients */

    footer .clients {
        padding-top: 20px;
        padding-bottom: 20px
    }
    
    footer .clients img {
        width: 25px
    }

    /* End Clients */

    footer .lead {
        font-size: 8px;
        margin-top: 20px;
        text-align: center
    }
    
    /* End Footer */
    
}

/* Small Screen */

@media (min-width: 768px) and (max-width: 991px) {
        
    /* Start Social */
    
    .social {
        top: 140px
    }

    .social li {
        margin-top: 2px
    }

    .social img {
        width: 25px
    }
    
    /* End Social */

    /* Start QUICK ENQUIRY */

    .quick {
        top: 110px;
        padding: 6px
    }

    .quick .open {
        top: 17px
    }

    .quick input {
        height: 25px
    }
    
    .quick textarea {
        height: 70px
    }
    
    .quick input,
    .quick textarea {
        font-size: 85%
    }

    .quick .send {
        width: 70px;
        padding: 4px 8px;
        font-size: 80%
    }

    .send button i {
        margin-left: 8px
    }

    /* End QUICK ENQUIRY */
    
    /* Start navbar */
    
    .navbar {
        min-height: 87px
    }
    
    .navbar-nav > li > a {
        padding: 6px 10px;
        font-size: 10px
    }
    
    .navbar-nav > li > a i {
        font-size: 11px;
        margin-left: 8px
    }
    
    .navbar-default .navbar-nav > li > a:focus{
        background-color: #222;
        color: #fff;
        margin-top: 45px
    }
    
    .navbar > .container .navbar-brand {
        margin-left: 7.5px
    }
    
    .navbar > .container .navbar-brand img {
        width: 137px;
        margin-top: 2.5px
    }
    
    .navbar > .container .navbar-brand p {
        font-size: 75%
    }
    
    .navbar-nav > li > .b-clear {
        padding-left: 14.5px
    }
    
    /* End navbar */
    
    /* Start Carousal */

    .my-slide .carousel-inner .carousel-caption {
        font-size: 120%
    }

    /* End Carousal */
    
    /* Start Main */

    main {
        padding-top: 7px;
        padding-bottom: 16px
    }

    main h2 {
        font-size: 135%;
        padding-bottom: 15px
    }

    main .lead {
        font-size: 9.5px
    }

    main .lead span {
        font-size: 11px
    }

    main a {
        font-size: 75%
    }

    main a .fa {
        font-size: 13px
    }

    main a:hover {
        font-size: 12px
    }

    /* End Main */
    
    /* Start Clients */

    footer .clients {
        padding-top: 24px;
        padding-bottom: 24px;

    }
    
    footer .clients img {
        width: 120%
    }

    /* End Clients */

    /* Start Footer */

    footer .over {
        padding-top: 21px;
        padding-bottom: 21px
    }

    footer .lead {
        font-size: 8px;
        margin-top: 82px
    }
    
    /* End Footer */
    
}

/* Medium Screen */

@media (min-width: 992px) and (max-width: 1199px) {
    
    /* Start Social */
    
    .social {
        top: 160px
    }

    .social li {
        margin-top: 3.5px
    }

    .social img {
        width: 30px
    }
    
    /* End Social */

    /* Start QUICK ENQUIRY */

    .quick {
        top: 130px;
        padding: 7.5px
    }

    .quick .open {
        top: 20px
    }

    .quick input {
        height: 30px
    }
    
    .quick textarea {
        height: 80px
    }
    
    .quick input,
    .quick textarea {
        font-size: 95%
    }

    .quick .send {
        width: 80px;
        padding: 5px 10px;
        font-size: 95%
    }

    .send button i {
        margin-left: 9.5px
    }

    /* End QUICK ENQUIRY */
    
    /* Start navbar */
    
    .navbar {
        min-height: 93px
    }
    
    .navbar-nav > li > a {
        padding: 7.5px 13.5px;
        font-size: 12px
    }
    
    .navbar-nav > li > a i {
        font-size: 13.5px;
        margin-left: 9px
    }
    
    .navbar-default .navbar-nav > li > a:focus{
        background-color: #222;
        color: #fff;
        margin-top: 45px
    }
    
    .navbar > .container .navbar-brand {
        margin-left: 10px
    }
    
    .navbar > .container .navbar-brand img  {
        width: 155px
    }
    
    .navbar > .container .navbar-brand p {
        font-size: 85%
    }
    
    .navbar-nav > li > .b-clear {
        padding-left: 16.5px
    }
    
    /* End navbar */
    
    /* Start Carousal */

    .my-slide .carousel-inner .carousel-caption {
        font-size: 135%
    }

    /* End Carousal */
    
    /* Start Main */

    main {
        padding-top: 8.5px;
        padding-bottom: 19px
    }

    main h2 {
        font-size: 165%;
        padding-bottom: 17px
    }

    main .lead {
        font-size: 12px
    }

    main .lead span {
        font-size: 12.5px
    }

    main a {
        font-size: 90%
    }

    main a .fa {
        font-size: 16px
    }

    main a:hover {
        font-size: 13px
    }

    /* End Main */
    
    /* Start Clients */

    .clients {
        padding-top: 27.5px;
        padding-bottom: 27.5px;

    }

    /* End Clients */

    /* Start Footer */

    footer .over {
        padding-top: 23.5px;
        padding-bottom: 23.5px
    }

    footer .lead {
        font-size: 9.5px;
        margin-top: 90px
    }
    
    /* End Footer */
    
}

/* Large Screen */

@media (min-width: 1200px) {
    
    /* Start Navbar */
    
    .navbar-default .navbar-nav > li > a:focus{
        background-color: #222;
        color: #fff;
        margin-top: 45px
    }
    
    /* End Navbar */
}