/*------------------------------------------------------------------

[Responsive Stylesheet]

	Project:		Focus Business
	Version:		1.1
	Last change:	03/27/2013
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Max Width: 767px

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ Max Width: 1200px ]
*/
@media (min-width: 1200px) {
    #wrapper {
        max-width: 1280px;
        width: auto;
    }

    #masthead {
        height: 464px;
    }

    .masthead-details {
        max-width: 1140px;
    }

    .face, .face iframe, .tweets, .training-box, .news-box {
        width: 270px;
    }

    /*------ Training/ Evaluation --------------*/
    .form-group-top .course-evaluation-type-1 {
        padding: 25px 10px 15px;
    }

    /*------Instructors/ FAQ----------------------------*/
    .topic h3 {
        font-size: 17px;
    }

    /*------About us----------------------------*/
    .profile-2 {
        width: 31.38%;
    }

    .training-icon {
        width: 100px;
        height: 100px;
    }


}

/*------------------------------------------------------------------
[ Min Width: 979px ]
*/

@media (min-width: 980px) {
    #wrapper {

    }

    .top-bar .collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
    }

}

/*------------------------------------------------------------------
[ Max Width: 979px ]
*/

@media (min-width: 768px) and (max-width: 979px)  {

    .top-bar {
        min-height: 0;
    }

    .top-bar .slidedown.collapse {
        height: 0;
    }

    .navbar-toggle {
        display: block;
        text-align: center;
    }

    .training-icon {
        width: 45px;
        height: 45px;
    }

}

/*------------------------------------------------------------------
[ Max Width: 767px ]
*/

@media (max-width: 767px) {



	body {
		padding: 0;
	}

	.container {
		width: auto !important;
	}
	
	#wrap-wrapper, #wrapper {
		width: auto;
		padding: 0;	
	}

    .top-bar {
        min-height: 0;
        text-align: center;
        padding: 0 15px 10px !important;
    }

    .top-bar .slidedown.collapse {
        height: 0;
    }

    .top-bar .pull-left, .top-bar .pull-right {
        float: none !important;
    }

    .phone-email a {
        display: block;
        margin: 0 0 10px;
        text-align: center;
    }

    .slidedown .social {
        padding-bottom: 10px;
    }

    .topnav .navbar-toggle {
        display: block;
        margin: 0 auto;
        padding-top: 0;
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        text-align: center;
        float: none;
        line-height:18px;
    }

    .topnav .navbar-toggle i {
        border-radius: 0 0 2px 2px !important;
        padding: 0 8px;
        font-size: 19px;
        cursor: pointer;
    }

	#header {
		/*padding: 25px 0;*/
        padding: 0 0;
		text-align: center;
	}
	
	#header h1 {
		display: inline-block;
	}
	
	#nav {
		padding: 0 25px;
	}


    #main-nav {
		display: none;
	}
    /*-----Nav with search----*/
    #nav.home.nav-search {
        padding: 0 25px;
    }

    #nav.nav-search, #nav.nav-test {
        padding: 0;
    }

    #nav.nav-search .container > #main-nav > li {
        float: none;
    }

    #nav.nav-search .navbar-search {
        float: none;
        margin-top: 0;
    }

    #nav.nav-search input.search-query {
        max-width: 612px;
        width: 88%;
    }
    #nav .container #responsive-nav ul li form.navbar-search {
        float: none;
        margin-top: 0;
    }

    #nav .container #responsive-nav ul li form.navbar-search input.search-query {
        max-width: 649px;
        width: 93%;
    }
    #responsive-nav {
		display: block;
	}
	/*-- nav-test---*/
    #nav.nav-test .navbar {
        border-top: 3px solid #fce83f;
    }

    #nav.nav-test .navbar-inner {
        /*background-color: #0064AA;*/
        /*background-image: linear-gradient(to bottom, #08c, #0158aa);*/
        background-color: #FAFAFA;
        background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
        background-repeat: repeat-x;
        border-top: 2px solid #0158aa;
        border-bottom: 2px solid #0158aa;
        border-radius: 0;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
        min-height: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #nav.nav-test .navbar .btn-navbar {
        /*background-color: #0488cd;*/
        /*background-image: linear-gradient(to bottom, #0499cd, #0064aa);*/
        /*background-repeat: repeat-x;*/
    }

    #nav.nav-test .nav-collapse .navbar-search {
        border: none;
        box-shadow: none;
    }


    #masthead {
		height: auto;
        margin-bottom: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

    #masthead .carousel {
        margin-bottom: 0;
    }

	#masthead .masthead-details {
		position: static;
		
		display: block;
		
		width: auto;
		height: auto;
	}
	
	.masthead-details h2 {
		margin-bottom: .75em;
		
		font-size: 20px;
	}
	
	.masthead-details p {	
		font-size: 11px;	
	}
	
	#masthead .carousel-control {
		top: 5%;
		left: 20px;
		
		width: 25px;
		height: 25px;
		margin-top: 0;
		
		font-size: 30px;
		line-height: 19px;
		
		opacity: .80;
	}
	
	#masthead .carousel-control.right {
		left: auto;
		right: 20px;
	}

    /*--- Side nav design-4---*/
    #sidebar-4 {
        padding: 15px 5px;
    }

    #sidebar-4 .bio-arrow.arrow-right {
        display: none;
    }

    /*--- Home design-1---*/
    .design-1 iframe, .design-1 .tweets {
        height: 350px;
    }

    .design-1 iframe, .design-1 .tweets, .design-1 .upcoming-courses {
        margin-bottom: 2em;
    }

    /*--- Home design-2---*/
    .face, .tweets, .training-box, .news-box {
        width: 47%;
        float: left;
    }

    .face iframe {
        width: 100%;
    }

    .design-2 .tweets .twitter-widget-2 {
        width: 718px;
    }

    .tweets, .news-box {
        margin-left: 20px;
    }

    /*--- Home design-3---*/
    .design-3 .newsGroup-1.post-date img {
        height: 120px;
    }

    /*--- Home design-4---*/
    .design-4 .team-title {
        background: none;
        /*border: 1px solid rgba(255, 234, 139, 0.50);*/
        border-radius: 4px;
        height: auto;
        padding: 0 0;
        margin: 0;
    }

    /*--- Home design-4 ndptc---*/
    .design-4.second.about-container .choose-item h3 {
        text-align: inherit;
    }

    .design-4.second.about-container .choose-item h3.ndptc-news {
        margin: 1.5em 0 2em;
    }




	#page-title {
		padding: 20px;
		margin-right: 0;
		margin-bottom: 1em;
		margin-left: 0;
		text-align: center;
	}

    #page-title h1 {
        font-size: 2.375em;
    }

    #page-title ul.breadcrumb.pull-right {
        float: none !important;
    }

    .breadcrumb {
        padding-left: 15px;
    }

	#welcome h1, #welcome h1 p {
		padding: 0 20px;
	}

    #content {
		padding: 15px;
	}

    .work-container .work-item h3 {
        height: auto;
    }

    .consortium-item {
        padding: 0 10px 10px;
    }

    /*--- Home consortium 1---*/
    .home-consortium-box.row-fluid [class*="span"] {
        float: left;
        width: 25%;
    }
    .home-consortium-box

    /*--- end Home consortium 1---*/

    #copyright {
		padding: 20px;
		margin: 0;
	}
	
	#copyright #totop {
		text-align: left;
	}
	
	#footer {
		padding: 20px;
		margin: 0;
	}
	
	[class^="grid-"] {
		float: none;
		
		width: auto;		
		margin: 0 0 3em 0;
	}
	
	#copyright [class^="grid-"] {
		margin-bottom: 1em;
	}
	
	.thumbnail {
		display: inline-block;
	}

    /*---[16-1. Training/ Course Delivery/ Register for Course 600]----- */
    .detail .dl-horizontal dt, .register-course-info.dl-horizontal dt {
        width: auto;
    }

    .detail .dl-horizontal dd, .register-course-info.dl-horizontal dd {
        margin-left: 0;
    }

    /*---Training/ Course Delivery Request-----*/
    .group-1, .group-2, .group-3 {
        width: 23.75em; /*285px*/
    }

    .group-1 .control-label, .group-2 .controls, .group-3 .controls {
        width: 6.083em; /*85px*/
    }

    .group-1 .controls, .group-2 .controls, .group-3 .controls {
        margin-left: 135px; /*96px*/
    }

    /*---Training/ Course Catalog--------------*/
    .catalog-option1 {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .catalog .dl-horizontal dd {
        margin-left: 0;
    }

    /*---Training/ Documents Library--------------*/
    .form-inline .form-filter {
        /*width: 60%;*/
        margin: 10px 0;
    }

    .form-inline .btn {
        float: right;
        /*position: relative;*/
    }

    /*---Training/ Instructor Bio--------------*/
    .bios .box-color {
        background: none;
    }

    .bios .box-color .instructor-info {
        background: none repeat scroll 0 0 rgba(159, 206, 231, 0.15);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: left;
        height: 87px;
    }

    .bios .box-color img {
        float: left;
        padding: 0 0;
    }

    .bios .box-color .bio-name {
        margin: 1.2em 0 0 90px;
    }

    .bio-arrow.arrow-left {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: -7px 0 -7px 45px;
        float: left;
    }

    .bio-content {
        margin: 20px 0 0;
    }

    /*---Training/ My course--------------*/
    .help {
        float: none;
        text-align: right;
    }

    /*---Training/ Evaluation--------------*/
    .evaluation-disabled .row-fluid .span1, .evaluation-disabled .row-fluid .span2, .evaluation-disabled .row-fluid .span3, .evaluation-disabled .row-fluid .span4 {
        float: left;
        margin-left: 2.5641%;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .form-group-top .course-evaluation-type-1, .form-group-top .course-evaluation-type-2 {
        border-bottom: 1px solid #999999;
        margin-bottom: 10px;
        padding: 15px 10px 15px;
    }

    .evaluation-disabled .row-fluid .span1 {
        width:  5.38298%;
        /*width:  5.80111%;*/
    }

    .evaluation-disabled .row-fluid .span2 {
        width: 13.8936%;
        /*width: 14.3646%;*/
    }

    .evaluation-disabled .row-fluid .span3 {
        width: 22.4043%;
        /*width: 22.9282%;*/
    }

    .evaluation-disabled .row-fluid .span4 {
        width: 30.9149%;
        /*width: 31.4917%;*/
    }

    ul.rate li {
        display: inline-block;
        padding: 0 3.7%;
    }

    .course-evaluation {
        padding: 15px 10px;

    }

    .course-evaluation p {
        margin-bottom: 0;
    }

    .response-group {
        border-top: 1px dotted #999999;
        border-left: none;
        margin: 0 10px;
        padding: 10px 0;
    }

    .evaluation-comment {
        height: 100px;
    }

    /*------Instructors/ FAQ----------------------------*/
    .topic h3 {
        font-size: 18px;
    }

    /*------Instructors/ Course Results-----------------*/
    .class-detail .dl-horizontal dt {
        float: left;
        width: 82px;
    }

    .class-detail .dl-horizontal dd {
        margin-left: 102px;
    }

    .class-detail {
        width: 68%;
    }

    .test-course .dl-horizontal dt {
        clear: left;
        float: left;
    }

    /*------Contact----------------------------*/
    #contact-map {
        margin: -2.5em -50px 2.5em;
    }

    /*------FAQ--------------------------------*/
    .index {
        margin: 0 auto 20px;
        padding: 5px 20px 10px;
        border: 1px solid #ddd;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        max-width: 400px;
        text-align: center;
    }

    .faq-row .index {
        max-width: 100%;
    }

    /*------Sing up----------------------------*/
    .form-signup {
        padding: 0;
    }

    .form-signup input {
        display: block;
        width: 97%;
        margin-bottom: 20px;
    }

    /*------Sing in----------------------------*/
    #sign .form-box {
        float: none;
        width: 100%;
    }
    /*------About us---------------------------*/
    .team-title {
        height: auto;
        background: rgba(159, 206, 231, 0.50);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .member-container {
        border-left: none;
        padding-left: 0;
    }

    .profile-2 {
        width: 100% !important;
        border-bottom: 1px solid rgba(159, 206, 231, 0.50);
        text-align: center;
    }
    /*------Resources & Links---------------------------*/
    .resource-group img {
        margin: 0 auto;
    }

    /*------Consortium & Partners---------------------------*/
    .consortium-box {
        border-bottom: 1px solid #e0e0e0;
    }

    .consortium-text {
        text-align: center;
        width: 65%;
    }

    /*------Search----------------------------*/

    .search form {
        text-align: center;
    }

    .search form label {
        display: block;
    }



    /*---Training/ Instructor Bio ----------------*/
    .box-color img {
        padding: 0 30%;
    }

    .training-icon {
        width: 45px;
        height: 45px;
    }


}


@media (min-width: 980px) and (max-width: 1199px) {
    #masthead {
        max-height: 467px;
    }

    .training-icon {
        width: 45px;
        height: 45px;
    }

}


/*------------------------------------------------------------------
[ Max Width: 979px ]
*/

@media (min-width: 768px) and (max-width: 979px) {


    .container {
        /*width: auto !important;*/
    }

    /*--topnav--*/

    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: transparent;
    }

    .topnav .navbar-toggle {
        display: block;
        float: none;
        line-height:18px;
        padding: 0;
        margin: 0 auto;
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        text-align: center;
    }

    .top-bar {
        text-align: center;
        padding: 0 15px 10px !important;
    }

    .slidedown .social {
        margin-top: 12px;
    }

    .phone-email {
        padding: 12px 0 3px;
    }

    /*---End topnav--*/
    /*---main nav----*/

    .training-icon {
        width: 45px;
        height: 45px;
    }

    #nav .container > #main-nav > li {
        padding-right: 1.875em;
    }

    #masthead {
        height: auto;
        margin-bottom: 0;
    }

    .carousel {
        margin-bottom: 0;
    }

    .form-signup input {
        width: 35.5%;
    }

    /*--- Home design-1 ---*/
    .face, .face iframe, .tweets {
        float: none;
    }

    .face, .face iframe {
        width: 100%;
    }
    /*--- Home design-2---*/
    .design-2 .tweets, .training-box, .news-box {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    /*.face.span3, .design-2 .tweets.span3, .training-box.span3, .news-box.span3  {*/
    .design-2 .span3 {
        /*margin-left: 20px;*/
        width: 94%;
    }

    /*--- Home design-3---*/
    .newsGroup-1.post-date .headline-content {
        width: 170px;
    }



    /*---Training/ Course Delivery Request---*/
    .group-1 {
        width: 17.417em; /*209px*/
    }

    .group-1 .control-label {
        width: 6.083em; /*85px*/
    }

    .group-1 .controls {
        margin-left: 8em; /*96px*/
    }

    .group-2, .group-3 {
        width: 12.5em; /*150px*/
    }

    .group-2 .control-label, .group-3 .control-label {
        width: 2em; /*28px*/
    }

    .group-2 .controls, .group-3 .controls {
        margin-left: 3.25em; /*39px*/
    }

    /*---Training/ Documents Library--------------*/
    .form-filter {
        width: 60%;
    }

    /*---Training/ Instructor Bio ----------------*/
    .box-color img {
        padding: 0 10%;
    }

    /*---Training/ Evaluation--------------*/
    .form-group-top .course-evaluation-type-1 {
        padding: 25px 10px 15px;
    }

    .evaluation-comment {
        width: 89%;
    }

    /*---Instructors/ Courses Results ------------*/
    .class-detail {
        width: 75.4%;
    }

    /*------About us----------------------------*/
    .team-title {
        height: 165px;
    }

    .profile-2 {
        width: 30.14% !important;
    }

    .member .profile-2.third {
        margin-right: 0;
    }

    /*------Consortium & Partners---------------------------*/
    .consortium-text {
        width: 58%;
    }
}


/*------------------------------------------------------------------
     Landscape phones and down
[ Max Width: 480px]
*/
@media (max-width: 480px) {
    #nav {
        padding: 0 15px;
    }

    .training-icon {
        width: 45px;
        height: 45px;
    }

    #nav #responsive-nav input.search-query {
        max-width: 377px;
        width: 89%;
    }

    .masthead-details {
        padding: 20px 20px;
        text-align: center;
    }

    #welcome h1, #welcome h1 p, .masthead-details h2 {
        font-size: 10px;
        margin-bottom: 0.7em;
        padding: 0 0;
    }

    #welcome p {
        font-size: 15px;
    }


    /*--- Home design-2---*/
    .design-2.tweets, .training-box, .news-box {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .design-2 .newsGroup-1.post-date img {
        width: 75px;
        float: right;
    }

    /*--- Home design-3---*/
    .design-3 .newsGroup-1.post-date img {
        height: 75px;
    }

    /*--- Training ---*/
    .form-control {
        width: 85%;
    }

    .form-half {
        width: 75%;
    }

    .training-icon {
        width: 45px;
        height: 45px;
    }


    /*------------------------------------------------------------------
    [16-1. Training/ Course Delivery/ Register for Course 600]
    */
    .course-info, .course-info img.course-icon, .course-info .detail {
        display: block;
    }

    .course-info, .course-info img.course-icon {
        text-align: center;
    }

    .course-info img.course-icon {
        margin: 0 auto 20px;
    }

    .course-info .detail {
        margin: 0 0;
    }

    /*---Training/ Training Request & Eligibility --------------*/
    h4.training-faq {
        padding-left: 0;
    }

    /*------------------------------------------------------------------
    [16-2. Training/ Course Delivery Request]
    */
    .form-horizontal .control-label, .form-horizontal.facility-info .control-label {
        width: auto;
    }
    .form-half {
        min-width: 206px;
    }

    .form-horizontal .controls, .form-horizontal.facility-info .controls, .form-horizontal.facility-info .support .controls,
    .form-horizontal.travel .controls {
        margin-left: 0;
    }
    /*---Training/ Course Catalog--------------*/
    .catalog .box {
        border: none;
        padding: 0;
    }

    .catalog dl {
        padding: 10px 0 0;
    }

     /*---Training/ Documents Library--------------*/
    .form-inline .form-filter {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-inline .btn {
        float: right;
        position: relative;
    }

    /*---Instructor/ Pre-Test--------------*/
    .pre-test-question.box {
        padding: 0 10px 20px;
    }


    /*---Instructor/ Past Course Result--------------*/
    #past-class-result .box {
        border: 1px solid #ddd;
    }

    .course-info {
         text-align: center;
     }

    img.course-icon {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    #past-class-result .course-info {
        padding: 1.5em 1em 0;
    }

    .class-detail {
        max-width: 100%;
        width: 100%;
        float: none;
        margin: 0;
        text-align: left;
    }

    h4 {
        /*border-bottom: 1px solid #999999;*/
        padding-bottom: 10px;
    }

    .detail {
        margin: 0 17%;
    }


    /*------------------------------------------------------------------
    [16-7. Training/ Pre-Test]
    */
    .test-course {
        margin: 0 0;
    }

    .fa-stack {
        float: none;
        margin-bottom: 8px;
    }

    /*---Training/ Evaluation--------------*/
    ul.rate {
        margin-left: 0;
    }

    .evaluation-comment {
        width: 90%;
    }

    /*---Instructor FAQ / FAQ --------------*/
    .faq-icon {
        float: none;
        /*text-align: center;*/
        width: 100%;
        left: auto;
    }

    .testing .faq-icon {
        float: left;
        width: 38px;
    }


    .faq-symbol {
        margin: 0 auto;
    }

    .faq-group .question {
        margin-left: 0;
    }

    .faq-group h4 {
        text-align: center;
    }

    .faq-group .testing h4 {
        text-align: left;
    }
    /*------Consortium & Partners---------------------------*/
    .logo-box {
        height: 100%;
        width: 100%;
    }

    .consortium-text {
        width: 96%;
        margin-left: 0;
    }

    /*------ Error ---------------------------*/
    .error-circle {
        width: 100%;
    }
    /*------ Search ---------------------------*/
    .search .btn span {
        /*display: none;*/
    }
}

@media (max-width: 800px) {
    .training-icon {
        width: 45px;
        height: 45px;
    }

}