@media only screen and (min-width: 320px) and (max-width: 479px){
    .container{
        max-width:  96%;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11, 
    .grid_12{
        float: left;
        width: 100%;
		margin-left: 0px;
    }
    .full_width .left{width: 100%;}
	.full_width .right{width: 100%;}
    .page-content .row{
        margin-bottom: 0px;
    }

    .page-content *[class*="grid_"]{
        margin-bottom: 15px;
    }

    *[class*="grid_"] *[class*="grid_"]:last-child{
        margin-bottom: 0;
    }

    *[class*="grid_"] *[class*="grid_"]{
        margin-left: 0 !important;
    }
	h3 {text-align: center}
	
	.logo { width: 30%; float: left; margin-top: 10px;}
	
	.well {margin-left: 0px;}
	
	table.lo{width: 98%}
	table.lo td {width: 100%; line-height: 35px; display: block}
	
	label {
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
	}
	
	select {
	height: 38px;
	width: 100%;
	background: url("../Images/down-arrow.png") no-repeat right 5px #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
	textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input:not([type]),
.uneditable-input {
	 width: 95%;
	-webkit-appearance: none !important;
	height:28px;
	}
	input.span2, textarea.span2, .uneditable-input.span2 {
    width: 90px !important;
}
	.btn_save {width: 90%;}
	.navm_td {border-top: 1px solid #e8e8e8;}	
	.full_width {margin: 0px 0px !important;}
	.navm_link {
    line-height: 20px;
}
	.input-append, .input-prepend { float: none; width: 45%}
	.input-append .add-on, .input-prepend .add-on {height: 28px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    .container{
        max-width: 96%;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11, 
    .grid_12{
        float: left;
        width: 96%;
		margin-left: 9px;
    }
    
    .page-content .row{
        margin-bottom: 0px;
    }

    .page-content *[class*="grid_"]{
        margin-bottom: 15px;
    }

    *[class*="grid_"] *[class*="grid_"]:last-child{
        margin-bottom: 0;
    }

    *[class*="grid_"] *[class*="grid_"]{
        margin-left: 0 !important;
    }
	
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .container {
        max-width: 756px;
    }
    .grid_1 {
        width: 33px !important;
    }
    .grid_2 {
        width: 96px !important;
    }
    .grid_3 {
        width: 159px !important;
    }
    .grid_4 {
        width: 222px !important;
    }
    .grid_5 {
        width: 285px !important;
    }
    .grid_6 {
        width: 348px !important;
    }
    .grid_7 {
        width: 411px !important;
    }
    .grid_8 {
        width: 474px !important;
    }
    .grid_9 {
        width: 537px !important;
    }
    .grid_10 {
        width: 600px !important;
    }
    .grid_11 {
        width: 663px !important;
    }
    .grid_12 {
        width: 726px !important;
    }
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 972px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11 {
        float: left;
    }
    .grid_1 {
        width: 51px;
    }
    .grid_2 {
        width: 132px;
    }
    .grid_3 {
        width: 213px;
    }
    .grid_4 {
        width: 294px;
    }
    .grid_5 {
        width: 375px;
    }
    .grid_6 {
        width: 456px;
    }
    .grid_7 {
        width: 537px;
    }
    .grid_8 {
        width: 618px;
    }
    .grid_9 {
        width: 699px;
    }
    .grid_10 {
        width: 780px;
    }
    .grid_11 {
        width: 861px;
    }
    .grid_12 {
        width: 942px;
    }
	
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11, 
    .grid_12{
        float: left;
    }
    .grid_1 {
        width: 70px;
    }
    .grid_2 {
        width: 170px;
    }
    .grid_3 {
        width: 270px;
    }
    .grid_4 {
        width: 370px;
    }
    .grid_5 {
        width: 470px;
    }
    .grid_6 {
        width: 570px;
    }
    .grid_7 {
        width: 670px;
    }
    .grid_8 {
        width: 770px;
    }
    .grid_9 {
        width: 870px;
    }
    .grid_10 {
        width: 970px;
    }
    .grid_11 {
        width: 1070px;
    }
    .grid_12 {
        width: 1170px;
    }
	
}