/* ================================================ */
/* Responsive - Media queries                       */
/* Based on:                                        */
/* */
/* ================================================ */


/* ============================================== */
/* HDTV                                           */
/*                                      1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .

}

/* ============================================== */
/* Widescreen                                     */
/*                                       1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .

}

/* ============================================== */
/* Twitter Bootstrap                              */
/*                                       980x     */
/* ============================================== */
@media screen and (min-width: 980px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .

}

/* ============================================== */
/* Twitter Bootstrap                              */
/*                                       x979     */
/* ============================================== */
@media screen and (max-width: 979px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .

}
 
/* ============================================== */
/* iPad Landscape & Portrait                      */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo {
    margin: 14px auto;
    width: 100%;
}
.rig-im1 {
    float: left;
    margin-right: 13px;
    margin-top: 25px;
}
.navbar-default .navbar-nav > li > a {
     font-size: 10px;
}
.center-nav h2 {
    padding-top: 30px;
}
.center-nav p {
    padding: 20px 80px;
}
.box-nav {
    margin: 0 auto 10px;
 }
.box-nav p {
    padding: 0 10px 10px !important;
}
.public-nav h2 {
    padding-top: 30px;
}
.public-nav p {
    padding: 20px 80px;
}
.public-nav {
    background:#000;
    margin: 0 auto;
    width: 100%;
}
.thumb-nav p {
    padding: 10px 10px 0 !important;
}
.conta-nav h2 {
    padding: 30px 50px 55px !important;
}
.contact-informaction-inner p {
    padding: 5px 0 10px !important;
}

}

/* ============================================== */
/* iPad Landscape                                 */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
.navbar-default .navbar-nav > li > a {
     font-size: 0.8em;
}
.nav > li > a {
    padding: 10px 7px;
}
.box-nav {
    margin: 0 auto 100px !important;
}
.ico-conr {
    padding-bottom: 56px;

}
}

/* ============================================== */
/* iPad Portrait                                  */
/*                                       768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .

}

/* ============================================== */
/* Small Tablet Landscape/Portrait                */
/*                                        800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}


/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}

@media screen and (min-width: 360px) and (max-width:640px) {
.logo {
    margin: 0 auto;
    width: 90%;
}
.cen-con p {
    padding-top: 5px;
    text-align: center;
}
.rig-im {
    margin: 0 auto 21px;
    width: 60%;
}
h3 {
    font-size: 14px;
    padding: 0 40px;
}
.carousel-caption {
    background: #e14b3a none repeat scroll 0 0;
    bottom: -5%;
    left: 0;
    padding-bottom: 15px;
    padding-top: 11px;
    right: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}
.center-nav h2 {
    padding-top: 30px;
}
.strip1 {
    margin: 10px auto;
    width: 74%;
}
.center-nav p {
    padding: 20px 10px;
}
.box-nav p{
	padding-top:12px;
	}
.box-nav {
    margin: 0 auto 60px;
}	
.public-nav h2 {
    font-size: 20px;
    padding-top: 30px;
}
.strip2 {
    margin: 10px auto;
    width: 78%;
}
.public-nav {
    background:#000;
    margin: 0 auto;
    width: 100%;
}
.public-nav p {
    padding: 20px;
}
.conta-nav h2 {
    font-size: 20px;
    padding: 30px 30px 26px !important;
}
.conta-nav-inner {
    margin: 0 auto;
    width: 100%;
}

}
@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation:landscape) {
.tors{
	float:right;
}
.rig-im {
    width: 100%;
}
.logo {
    margin: 22px auto;
    width: 54%;
}
.cen-con {
    padding-top: 0;
}
.rig-im {
    width: 20%;
}
.rig-im1 {
    margin-top: 19px;
	margin-right:7px;
}
.rig-im2 {
    padding-top: 19px;
}
h3 {
    margin-bottom: 6px;
}
.strip1 {
    margin: 10px auto;
    width: 40%;
}
.box-nav p {
    padding-top: 2px;
}
.strip2 {
    margin: 10px auto;
    width: 40%;
}
	
}




/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
.logo {
    margin: 0 auto;
    width: 90%;
}
.cen-con p {
    padding-top: 5px;
    text-align: center;
}
.rig-im {
    margin: 0 auto 21px;
    width: 60%;
}
h3 {
    font-size: 12px;
    padding:0px;
}
.carousel-caption {
    background: #e14b3a none repeat scroll 0 0;
    bottom: -5%;
    left: 0;
    padding-bottom: 15px;
    padding-top: 11px;
    right: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}
.center-nav h2 {
    padding-top: 30px;
}
.strip1 {
    margin: 10px auto;
    width: 74%;
}
.center-nav p {
    padding: 20px 10px;
}
.box-nav p{
	padding-top:3px;
	}
.box-nav {
    margin: 0 auto 60px;
}	
.public-nav h2 {
    font-size: 20px;
    padding-top: 30px;
}
.strip2 {
    margin: 10px auto;
    width: 78%;
}
.public-nav {
    background:#000;
    margin: 0 auto;
    width: 100%;
}
.public-nav p {
    padding: 20px;
}
.conta-nav h2 {
    font-size: 20px;
    padding: 30px 30px 26px !important;
}
.conta-nav-inner {
    margin: 0 auto;
    width: 100%;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape) {
.tors{
	float:right;
}
.rig-im {
    width: 100%;
}
.logo {
    margin: 22px auto;
    width: 54%;
}
.cen-con {
    padding-top: 0;
}
.rig-im {
    width: 28%;
}
.rig-im1 {
    margin-top: 19px;
	margin-right:7px;
}
.rig-im2 {
    padding-top: 19px;
}
h3 {
    margin-bottom: 6px;
}
.strip1 {
    margin: 10px auto;
    width: 40%;
}
.box-nav p {
    padding-top: 2px;
}
.strip2 {
    margin: 10px auto;
    width: 40%;
}
	
}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}

/* ============================================== */
/* Smaller devices                                */
/* Android Landscape                      320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}

/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}