/* ----------------------------------------------------------------*/
/* Grid between 768-1280px (mediaqueries)
-----------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1004px) and (max-width: 1280px) {
    
/* RESPONSIVE BASE CONTAINER & GRID WIDTH - 1004-1280px
----------------------------------------------------*/ 
.wrapper {
    min-width: 1004px;
    max-width: 1260px;
    }

/* RESPONSIVE HEADER - 1004-1280px
----------------------------------------------------*/
 header {
    top: 0;
    width: 100%;
    height: 88px;
    }
    
.logo {
    top: 40px;
    left: 20px;
    }

.logo img {
    width: 175px;
    }

/* CONTACT BLOCK - 1004-1280px
----------------------------------------------------------*/
.contactblock {
    position: absolute;
    height: 30px;
    width: 100%;
}

.contactblock .contactus {
    position: absolute;
    top: 0;
    right: 20px
}

.contactblock .contactus h3 {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 300;
}
 
/* RESPONSIVE MAIN NAV SHOW/HIDE - 1004-1280px 
----------------------------------------------------*/
.navd, .mobilecontacticons {
    display: block;
    }

.navr {
    display: none !important;
    }


/* RESPONSIVE MAIN NAV - 1004-1280px
----------------------------------------------------*/
nav {
    position: absolute;
    top: 32px;
    right: 20px;
    }

#nav {
    float: left;
    padding: 0;
    }
        
#navmain li {
    display: inline-block;
    padding: 0 8px;
    }  
    
#navmain li a {
    font-size: 13px;
    font-weight: 300;
    }
    

#navsocial {
    float: right;
    padding: 14px 0 0 12px;
    }
    
#navsocial a{
	padding: 0 6px;
	font-size: 16px;
	line-height: 20px;

    }

/* SUBNAV
----------------------------------------------------------*/   
.subnavmenu a {
    font-size: 15px;
    font-weight: 200;
    text-decoration: none;
    letter-spacing: .01em;
    padding: 8px 3px 6px 4px;
    -webkit-transition: background-position .25s;
    -moz-transition: background-position .25s;
    transition: background-position .25s;
    }

 /* SUBHEADER & INTRO TEXT - 768-1003px
----------------------------------------------------------*/ 
 .subtitleheader h1, .subtitleheader h2, .worktitleheader h1 {
    font-size: 40px;
    line-height: 42px;
    font-weight: 200;
    margin: 0;
    padding: 12px 0 0 25px;
}

 .subtitleheader .tagline h2 {
    font-size: 17px;
    line-height: 20px;
    letter-spacing: .01em;
}

 .servicesnav {
    left: 350px !important;
    } 

 .subpagemobilefixservices {
    padding: 0 0 0 0;
}


/* CONTENT AREA - 1004-1280px
----------------------------------------------------------*/ 
.maincontentarea {
    width: 65%;
    min-width: 984px;
    }

.contentblock, .servicecontentblock  {
    padding: 20px 0 20px 12px !important;
    width: 98%;
    _min-height: 600px;
    min-height: 600px;
    }  

.kalibratecontentblock {
    padding: 20px 0 0 12px !important;
    width: 98% !important;
    _min-height: 150px !important;
    min-height: 150px !important;
}

.contentblockspacer {
    padding-left: 12px;
}

 /* SERVICES - 768-1003px
----------------------------------------------------------*/
 .sevicelist {
    padding: 35px 25px 15px 12px;
    min-height: 400px;
    _height: 400px;
     }

.servicetype {
    display: inline-block;
    width: 49%;
    }

.servicetypetitle, .servicetypetitle h2 {
    display: block;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    }

.servicetypecopy {
    width: 94%;
    display: block;
    padding: 5px 0 8px 0;
    font-size: 14px;
    min-height: 120px;
    _height: 120px;
    line-height: 26px;
    }


/* RESPONSIVE OUR WORK - 1004-1280px
----------------------------------------------------------*/
#ourworklist .workrow {
    width: 98%;
    padding: 35px 0 0 10px !important;
}

/* RESPONSIVE OUR WORK - 1004-1280px
----------------------------------------------------------*/
.workitemcontentscroll {
    position: absolute;
    top: 112px;
    width: 100%;
    height: 100vh;
    min-height: 866px;
}

.workitemgrid {
    position: relative;
    width: 85%;
    min-width: 970px;
    margin: 0 auto;
    height: 100%;
    z-index: 3;
}

.workitemgrid .title h1 {
    font-size: 26px !important;
    line-height: 26px !important;
}

.workitemgrid .descrip {
    font-size: 14px !important;
    line-height: 22px !important;
}

.workitemgrid .gridright {
    padding-top: 145px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.workitemdetails {
    position: absolute;
    left: 0;
    bottom: 112px;
    width: 100%;
}

/* HOME- 1004-1280px
----------------------------------------------------------*/
.featurecopy:before, .kalibratetitle:before {
    display: none;
    }

/* RESPONSIVE FORM- 1004-1280px
----------------------------------------------------------*/
.emailform {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}
       
    
}