body {
  padding:0;
  margin:0;
 }

/*********GLOBAL BEGIN*********/
*{ padding:0; margin:0; outline:none; }
.np { padding:0}
.nm { margin:0}
.row {width:100%;}
.container{ max-width: 100%; width: 100%; margin: 0 auto; }
header { position:fixed; z-index:2; top: 0; width:100%; max-width:100%; background-color:#3e7fe5; padding: 20px 0; }
main { width:100%; background-repeat:no-repeat; background-size:100% auto;}

a { text-decoration:none; cursor:pointer; outline: none !important;}
a:hover {  text-decoration:none; outline: none !important; }


.hamburger_container { position: absolute; left: 16px; top: 51px; z-index: 4; display: none; }
.hamburger { padding: 0; }
.hamburger-box { width: 25px; height: 24px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 25px; height: 2px; background-color: #000; border-radius: 0px; }
.hamburger-inner::after { bottom: -8px; }
.hamburger-inner::before { top: -8px; }

/*********GLOBAL end*********/

.wrapper { position: absolute; height: 100%; width:100%; overflow-y: auto; overflow-x: hidden; top: 0; left: 0; }
.container_v1_main { position: fixed; height: 100%; width: 100%; left: -300px; top: 0; overflow: hidden; overflow-y: auto; transition:.3s ease-in-out all; }
.container_v1_main.active { left: 0px; transition:.3s ease-in-out all; }

.monitr_online { color:#000; font-size: 30px; margin: 0 5px; opacity: 0.2;  transition:.3s ease-in-out all; }
.monitr_online.active { color:#009fff; opacity: 1;  transition:.3s ease-in-out all; }


.header_ads { height: 39px; width: 100%; left: 0; top: 0; border-bottom: #ccc 1px solid; z-index: 5; }
.header_ads_left { font-size: 11px; padding: 11px 0 0 10px; text-transform: uppercase; }
.header_ads_right { text-align: right; padding: 6px 10px 0px 0; }
.header_ads_right a { display: inline-block; margin: 0 0px 0 13px; }
.header_ads_right a img { width: 20px; }
.header_nav { text-align: center; width: 100%; }
.header_nav .logo { width:50%; margin: 10px 0; max-width: 200px; }

.navigations { width: 100%; height: auto; background-color: #fff;   transition:.3s ease-in-out all;  text-align: center; overflow: hidden; margin-top:-84px; }
.navigations.active {  transition:.3s ease-in-out all; height: 150px; }
.navigations .logo { width:50%; margin: 10px 0; max-width: 180px; }
.navigations a { color:#000; display: inline-block; padding: 30px; }
.navigations a:hover { text-decoration: underline; }
.navigations .left, .navigations .right { float: left; width: 50%; }

.content_holder { width: 100% }


.banner_rotate { height:500px; position: relative;  }

.banner_rotate_each { height:500px; position: absolute; width: 100%; opacity: 0; visibility: hidden; }
.banner_rotate_each_right h1 { text-align: right;padding: 100px 20px 0 0;font-size: 60px;width: 61%;display: inline-block;}
.banner_rotate_each_right p { font-size: 34px;width: 60%;display: inline-block;font-style: italic; padding: 0px 22px 0 0; }
.banner_rotate_each_center { margin-top: 180px; }
.banner_rotate_each_center h1 { font-size: 41px;padding: 27px 0 15px 0;margin: 0;width: 80%;display: inline-block; }
.banner_rotate_each_center p { font-size: 15px;width: 46%;display: inline-block;font-style: italic; }

.banner_rotate_each_left { color: #fff;font-size: 45px; width: 38%; padding: 188px 0 0 92px; }


h2.headings { background-image: url(../images/heading_line.png); background-repeat: no-repeat; background-position: center bottom; text-align: center; padding: 0 0 12px 0; text-transform: uppercase; font-size: 21px; }


.collections_title { text-align: center;padding: 10px 0;font-size: 19px; }

.product_listing_title { text-align: center;padding: 10px 0;font-size: 19px; color: #000; }

.review_desc { text-align: center; padding: 17px 0 0 0; }
.review_name { text-align: center;padding: 3px 0 18px 0;font-weight: bold;font-style: italic; border-bottom: 1px solid #f2f2f2; }

.footer_container { background-color: #000;color: #fff; }
.infobanner { height: 250px; background-size: cover; background-repeat: no-repeat; }
.infobanner h1 { margin-top: 190px;margin-left: 22px; }
.infobannerblack h1 { margin-top: 190px;margin-left: 22px; color: #fff; }
.infobanner_desc { padding: 50px 20px 10px 20px; font-size: 16px; }
.add_images { padding: 0 20px; }


.footer_links { padding: 20px 0; }
.footer_links h2 { font-size: 12px; text-transform: uppercase; color: #757474; }
.footer_links a { color: #fff; line-height: 19px; display: block; }
.footer_links_copy { padding: 0 0 10px 0; text-align: center; }
.footer_links_copy .cc { padding: 14px;background-color: #fff;margin: 10px 0;border-radius: 10px; }


@media(max-width:1199px){

  .table-responsive { overflow-x: auto; overflow-y: auto; }
  .purok_bg_container { padding: 40px 0 0 0; }
  .purok_bg_option_val { line-height: 10px; }
  .purok_bg_option_val small { font-size: 8px; line-height: 7px; display: inline-block; margin-top: 3px; font-weight: normal; color: #212121; }
  .purok_bg_title { font-weight: bold; color: #0072aa; }

  .select_filter_style { margin: 5px 0; }
}
@media(max-width:991px){
  .navigations { width: 100%; height: 0; margin-top:0;  }
  .navigations .left, .navigations .right { float:none; width: 100%; }
  .navigations a { display: block; padding: 0; }

  .hamburger_container { display: block; }
  .banner_rotate { height:200px;  }
  .banner_rotate_each { height:200px;  }

  .banner_rotate_each_left { font-size: 22px;width: 200px;padding: 40px 0 0 10px; }
  .banner_rotate_each_center { margin-top: 0; }
  .banner_rotate_each_center h1 { font-size: 33px; }
  .banner_rotate_each_center p { font-size: 12px;width: 80%; }


  header{ position:fixed; text-align:center; height:auto; padding: 0 0 0 0; background-color: #ccc;}
  header ul li{ display: block !important; margin: 0 0 0 0 !important; float: none !important; text-align: left; }

  .mobile_img{ position: relative; border-radius: 100%; width: 50px; }
  .navbar-brand{ position: relative !important; } 
  .navbar{ margin: 0; padding: 10px 0;}
  .navbar-default .navbar-brand{ padding: 0 0 0 10px; }
  .navbar-default .navbar-collapse{ border-color: #fff; padding: 0; }
  .nav-tabs{ padding: 10px 0; }

   .profile_drop_mobile{position: absolute;top: 70px;left: 0;z-index: 1000;display: none;padding: .5rem 0;text-align: left;background-color: #fff;border: 1px solid #e3e6f0;border-radius: .35rem;-webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;}
   .profile_drop_mobile hr{ margin: 0; }
   .profile_drop_mobile a{display: block;width: 100%;padding: 10px 30px 10px 30px; clear: both;font-weight: 400;color: #3a3b45;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;font-size: 16px;text-transform: capitalize;}
   .profile_drop_mobile a i{ margin: 0 7px 0 0; }

  /*.navbar-default .navbar-collapse{margin-top: }*/
  /*header .nav-tabs > li.active > a, header .nav-tabs > li.active > a:focus, header .nav-tabs > li.active > a:hover { color: #000;  cursor: default; background-color: #ddd; border: 1px solid #ddd;}
  header .nav-tabs > li > a{border-radius: 5px;}*/
}


@media(max-width:800px){}
@media(max-width:768px){ 

}
@media(max-width:736px){ 


  .onepage_container{ padding:0 25px;}
  .pay_card img{ width:100%;}
  .about{ margin:0 0 40px 0;}
  header ul li a img{width: 20px;}
  header ul li{ display: block !important; float: none !important;  }
  
  .holder_caption_banner{ width:100%; max-width:90%; margin:0 auto; margin-top:50px; left:0; right:0; }
  .banner_caption1{ float:none;}
  .caption1 h1{ font-size:20px;}
  .contact_banner{  margin:0 auto; margin-top:50px; width:100%; max-width:none; text-align:left;}
  .contact_banner a, .contact_banner a:hover{ font-size:17px;}
  .student_list ul{ text-align: center; }
  .student_list ul li{  margin: 0 5px 20px 5px; }
  .student_list ul li a img{width: 90px; }
  .tab_list{ margin: 110px 0 0 0; }

  .nav > li > a { padding: 15px 10px; font-size: 12px;}
  
  .student_list ul li a p{ display: none; }
  .student_list ul li a small{ display: none; }
}
@media(max-width:667px){}
@media(max-width:414px){}
@media(max-width:375px){}

@media(max-width:360px){}