@charset "utf-8";
/* ======================================================================================================
MEDIA QUERIES
=====================================================================================================*/	
/* ================= Desktop/Laptop below 1280px  ================= */


@media only screen and (max-width:1279px){
.container{width:100%;}
.slide1{ width:100% !important; margin-top:45px;}
ul.float_1 li{ width:20%;}

.organ-right {width: 100%; float: none;}
.organ {font-size: 25px;}
.mai-lin{min-height:inherit;max-height:inherit;}
}

/* ================= Tablet (Portrait) 768px - 959px ================= */

@media only screen and (max-width: 991px) {
.container{width:100%;}
.desk_only{display:none;}
.desk_hide{display:block;}
.tab_only{display:block !important;}
.tab_hide{display:none !important;}
.tab_hider{display:none;}
.navbar-static-top .navbar-nav>li>a {padding: 20px 24px;}

.navbar-collapse{padding-right:0;padding-left:0}
.navbar-nav{margin-left:3px}
#navbar{position:absolute;top:0;width:100%;z-index:1;top:109px}
.navbar{float:right;margin-right:-6px;margin-bottom:5px;width:100%}
.navbar-static-top .navbar-nav>li>a{line-height:0;color:#000;font-size:14px;font-family:"Open Sans"}
.nav-header ul li{color:#fff}
.nav-header{float:right!important}
.navbar-toggle{position:relative;float:right!important;padding:0;background:url(../images/link-icon.png) right no-repeat;width:49px;height:49px;border:none;right:0;border-radius:0;text-align:left;font-size:18px;font-family:"Open Sans";color:#fff;margin:26px 0 8px}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent}
.navbar-nav > li{float:left;margin-top:0;border-bottom:1px solid #1f497c}
.navbar-nav{float:none;margin-top:0!important;background:#ddd}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;padding-left:13px;font-weight:400;font-family:Roboto;font-size:18px;text-align:left;background:none repeat-x;z-index:999;line-height:49px}
.nav > li > a:hover,.nav > li > a:focus{background-color:none;color:#000;text-decoration:none;border-bottom:0 solid #1f497c}
.nav > li > a.bg-gray:hover,.nav > li > a:focus{background:none;color:#000;text-decoration:none;border-bottom:0 solid #1f497c}
.navbar-nav>li>a.bg-gray{background:#efefef;padding:10px 20px;color:#666;font-size:14px;font-weight:400;margin-left:0}
.navbar-nav .open .dropdown-menu{border:0 none;box-shadow:none;float:none;margin-top:0;position:static;width:auto;overflow:hidden;}
.navbar-toggle{display:block!important}
.navbar-header{float:none!important}
.navbar-nav > li{float:none!important;width:100%}
.navbar-collapse{border-top:none}

.collapse{display:block!important}
.navbar-collapse.collapse{display:none!important;height:auto!important;overflow:visible!important;padding-bottom:0;z-index:10000}
.navbar-collapse.in{display:block!important}
.navbar-nav{float:none!important;margin:0}
.dropdown-menu{background:#58769c;margin-left:0;width:230px;position:absolute}
.dropdown-menu>li>a{color:#000!important;line-height:30px;font-family:Roboto;font-size:15px}
.dropdown-menu>li>a:hover{background:#029ad8;color:#58769c}
.slide1{ width:100% !important; margin-top:45px;}
ul.float_1 li{ width:33.333%;}
.icons{text-align:center; float:none;}
.cont-txt{ line-height:10px; font-size:40px;}
.wel-hd{ font-size:30px;}
.copyrght{float:none; text-align:center;}

.catewel {font-size: 26px;}
.catewel span{font-size: 26px;}
.catewel-img{width:99px; height:100px;}
.catewel-img img{width:100%;}

.slide2{ width:100% !important; margin-bottom:15px; margin-top:15px;}
ul.float_2 li{ list-style:none; display:inline-block; float:left; position:relative; width:33.3333%;}
.dd_next{font:700 16px/40px 'Open Sans', sans-serif !important; margin-bottom: 10px; background: url(../images/links-line.jpg) no-repeat left bottom;}

.ft-logo {text-align: center; margin-top: 10px;}
h1{font: 300 28px/30px 'Open Sans';}
}



/* ================= Mobile (Landscape) 480px - 767px ================= */

@media only screen and (max-width:767px) {
.container{width:100%;}
.mob_hider{display:none;}
.mob_only{display:block;}
.contct-dtl span{height:18px; overflow:hidden; padding-right:48px;}
.sntwrks{ margin-top:8px; float:left;  width:260px;}
.navbar-nav{ margin-left:3px;}
.f_dd_box{display:none;}


.top-header{margin-top:10px;}
.cont-txt{ line-height:50px;}

.slide1{ width:100% !important; margin-top:45px; position:static !important; z-index:-9 !important;}
ul.float_1 li{ width:100%;}
.dd_next{padding:0px; background:url(../images/p3.png) no-repeat 100% center; cursor:pointer}
.dd_next_act{background:url(../images/p4.png) no-repeat 100% center;}
.dd_next span{background:url(../images/links-line.jpg) no-repeat left bottom; display:block; width:76px; height:3px;}

.dd_nexts{padding:0px; background:url(../images/plus.png) no-repeat 100% center; cursor:pointer}
.dd_next_acts{background:url(../images/minus.png) no-repeat 100% center;}

.icons{text-align:center; float:none;}
.btn1{ padding:6px 12px;  }
.pro-text{ width: 178px !important; }

.slide2{ width:100% !important; margin-bottom:15px; margin-top:15px;}
ul.float_2 li{ list-style:none; display:inline-block; float:left; position:relative; width:100%;}

.blacklink1, .blacklink:visited{padding:10px 30px;}
.blacklink4, .blacklink4:visited{padding:10px 30px;}
.list1 a{ width:98%}

.wel-txt {width: 100%; background: #f8f8f0; padding: 20px 0 25px 0;}
.lgc-txts {width: 100%; background: #fff; padding: 20px 0;}
.leader-txts {width: 100%; background: #f8f8f0; box-shadow: 0 2px 3px #e3e3e3; padding: 20px 0 20px 0;}
.no_pad{padding:0px; margin-top:0px;}
.catewel {font-size: 22px;}
.catewel span{font-size: 22px;}
.organ{font-size: 20px; line-height:24px;}
h1{font: 300 24px/26px 'Open Sans';}
.mission{font-size: 20px; line-height:24px;}
}


@media only screen and (max-width:568px){ 
.container{width:100%;}
#navbar{position:absolute; width:552px;z-index:999 !important;}
}


/* ================= Mobile (Portrait) below 480px  ================= */

@media only screen and (max-width:479px) {
.container{width:100%;}
.navbar-nav{ margin-left:0;}
.btn1{ padding:6px 12px;  }
.pro-text{ width: 230px; }
.popular{font-size:28px;}
.slide-btn{font-size:12px;}
.catewel-img {width: 180px; margin:0 auto; height:auto; float:none;}
.organ-img {width: 272px; margin-right: 0px; float: none; margin-top:15px;}
.logo-area {width: 180px; margin-bottom: 15px; margin-top: 15px;}
.logo-area img{width:100%;}
.catewel {font-size: 18px;}
.catewel span{font-size: 18px;}
h1{font: 300 20px/22px 'Open Sans';}
.organ{font-size: 20px; line-height: 24px;}
.mission{font-size: 20px; line-height:26px;}
.navbar-toggle{margin:8px 0 8px;}
}

@media only screen and (max-width:768px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
.navbar-nav{margin-left:0;}
.menu_link{margin-bottom:15px;}
.menu-box{padding:0 20px;}
.big-menu{padding:10px 10px !important;}
}

@media only screen and (max-width:736px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:667px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:600px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}

}

@media only screen and (max-width:568px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:479px) {
#navbar{position:absolute;top:-10;width:100%;z-index:999 !important; left:0}
.scroll_3 {width: 69.5% !important; float: none; margin:0 auto;}
}

@media only screen and (max-width:414px) {
#navbar { position: absolute; top:76px; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:384px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:375px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; left:0;}
}

@media only screen and (max-width:320px) {
#navbar { position: absolute; width: 100%; z-index: 999 !important; top: 82px; left: -251px;}

}