/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


@media only screen and (min-width: 1201px) and (max-width: 1600px) {
BODY > .container, HEADER .container{
	width: 1200px;
	margin: 0px auto;
}
.container{
	width:1200px;
}
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
BODY > .container, HEADER .container{
	width:940px;
	margin: 0px auto;
}
#middle .container{
	width:940px;
}
.container{
	width:940px;
}
#header .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand	{ margin-left: 0px;}
.right_col h1								{ font-size: 26px;}
.right_col									{ margin-top: 31%;}
.form_box h1								{ font-size: 35px;}
.form_box h2								{ font-size: 35px;}
.form_box p									{ font-size: 20px;}
.form_box .form-control						{ height: 35px;}
.lable_red									{ font-size: 23px; margin-left: -55px;}
.detail h5									{ font-size: 23px;}

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
BODY > .container, HEADER .container{
	width:740px;
	margin: 0px auto;
}
#middle .container{
	width:740px;
}
.container{
	width:740px;
}
#header .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand	{ margin-left: 0px; margin-right: 0px;}
#header .nav > li > a								{ padding: 10px 13px;}
.tag												{ top: -9px; right: -56px;}
.tag img											{ width: 54%;}
.form_box p											{ font-size: 18px;}
.form_box h1										{ font-size: 32px;}
.form_box h2										{ font-size: 32px;}
input.css-checkbox[type="checkbox"] + label.css-label	{ line-height: 18px; text-align: left; font-size: 12px;}
.form_box .sub_btn img								{ width: 180px;}
.right_col											{ padding: 0px;}
.detail h5											{ font-size: 19px;}
.right_col h1										{ font-size: 22px;}
.lable_red											{ padding: 60px 14px 21px 61px; font-size: 19px; margin-left: -39px;}
.form_box											{ padding: 0px;}
.form_box .form-control								{ height: 34px;}

/*---- inner page --------*/
.inner_sec 											{ padding: 10px 10px;}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {

BODY > .container, HEADER .container{
	width: 300px;
	margin: 0px auto;
	font-size: 16px;
}
#middle .container{
	width: 300px;
}
.container{
	width: 300px;
}
#header .moon img					{  width: 50%;}
#header .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand	{ margin-left: 0; margin-right: 0px; padding-top: 23px;}
.navbar-brand > img					{ width: 70%;}
.navbar-toggle						{ margin-top: 35px;}
#header .navbar-nav					{ margin: 10px 0px 0px;}
.tag								{ top: -7px; right: -5px; width: 80px;}
.tag img							{ width: 100%;}
.form_box h1						{ font-size: 32px;}
.form_box h2						{ font-size: 32px;}
.form_box							{ padding: 15px 0px;}
.form_box p							{ font-size: 14px;}
.form_box .form-horizontal .control-label	{ padding-top: 6px;}
.form_box input.css-checkbox[type="checkbox"] + label.css-label		{ font-size: 10px; line-height: 9px; text-align: left; height: 21px;}
label.css-label						{ background-size: 9%; }
input.css-checkbox[type="checkbox"]:checked + label.css-label		{ background-position: 0 -21px;}
.sub_btn img							{ width: 50%; }
.lable_red								{ background-size: 100%; padding: 35px 10px 21px 35px; margin-left: -23px; margin-top: -21px; font-size: 12px; line-height: 17px; }
.lable_red span							{ font-size: 20px;}
.right_col								{  margin-top: 20%; padding: 0px;}
.right_col h1							{ font-size: 18px;}
.detail h5								{ font-size: 17px;}
#footer h1								{ font-size: 18px;}

/*---- inner page --------*/
.inner_sec 											{ padding: 10px 10px;}

}

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
BODY > .container, HEADER .container{
	width: 460px;
	margin: 0px auto;
}
#middle .container{
	width: 460px;
}
.container{
	width: 460px;
}
.tag																{ top: -10px; right: -9px; width: 121px;}
label.css-label 													{ background-size: 7%;}
/* .form_box input.css-checkbox[type="checkbox"] + label.css-label		{ height: 28px; font-size: 13px;} */

input.css-checkbox[type="checkbox"]:checked + label.css-label		{ background-position: 0 -28px;}
.lable_red															{ background-size: 100%; font-size: 22px; line-height: 30px; margin-left: -36px; padding: 66px 10px 21px 35px;}
.lable_red span														{ font-size: 28px;}

.detail h5															{ font-size: 20px;}
#footer h1															{ font-size: 19px;}


}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.clearfix {	zoom: 1; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

@media (max-width: 992px) {

	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}

	.navbar-toggle {
		display: block;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    float: right;
	    margin-bottom: 8px;
	    margin-right: 15px;
	    margin-top: 8px;
	    padding: 9px 10px;
	    position: relative;
	    margin-top: 35px;
	}

}