/*  Resolutions below 1200px  */

@media (max-width: 1200px) {

    #header {
        height:auto;
    }
    #titlebar h3{ padding-left:10px;}
    .texture{
        left:-148px;
        width:560px;
    }

    .texture-footer {
        width:68%;
        right:-130px;
    }

    .logo {
        margin-top:60px;
    }

    .form-main input, .form-main textarea {
        width:93.7%;
    }

    .form-comment input {
        width:92.2%;
    }

    .form-comment textarea {
        width:96.2%;
    }

    #map {
        height:220px;
    }

}

/*  Resolutions below 980px  */

@media (max-width: 980px) {

    #header {
        height:auto;
    }

    .texture{
        left:-116px;
        width:440px;
    }

    .texture-footer {
        width:70%;
        top:0px;
        right:-102px;
    }

    .logo {
        margin-top:45px;
    }

    .form-main input, .form-main textarea {
        width:92%;
    }

    .form-comment input {
        width:89.5%;
    }

    .form-comment textarea {
        width:95%;
    }

    #map {
        height:166px;
    }

}

/*  Resolutions below 768px  */

@media (max-width: 768px) {

    #header, #footer, #content {
        padding:0 12px;
    }

    #header {
        height:auto;
    }

    .h-button {
        position:relative;
    }

    #our-clients img {
        width:auto !important;
        float:left;
    }

    .f-right {
        float:left !important;
    }

    .right {
        text-align:left !important;
    }

    .text-1 {
        padding:0px !important;
    }

    .back-top {
        top:0px !important;
        float:left !important;
    }

    .search-box {
        clear:both;
    }

    .search {
        width:83%;
        padding-left:2%;
    }

    /* vertical padding for span* */
    [class*="span"] {
        margin-bottom: 12px !important;
    }

    /* height of space* */
    [class*="space"] {
        height:10px !important;
    }

    h1 {
        padding-top:0px;
    }

    /* Main Navigation - Hidden */
    .navbar .nav {
        display:none !important;
    }

    .navbar {
        float:left !important;
        width:100%;
    }

    /* Select Box Navigation - Show */
    .navbar .nav-responsive {
        display:block !important;
        width:100%;
        clear:both;
    }

    .logo {
        width:200px;
    }

    .texture {
        display:none !important;
    }

    .texture-footer {
        display:none;
    }

    .form-main input, .form-main textarea {
        width:96%;
        padding-left:2%;
        padding-right:2%;
    }

    .form-comment input {
        width:92%;
        padding-left:2%;
        padding-right:2%;
    }

    .form-comment textarea {
        width:92%;
        padding-left:2%;
        padding-right:2%;
    }

}