@charset "utf-8";
/* CSS Document */
	  
@media (max-width:480px){
	
	/** my changes **/
	 
	.banner{ margin-top:24px !important}
 
	 .navbar-brand {padding:10px 5px;}
	 .navbar-toggle {margin-top: 20px;}
	 .navbar-default .navbar-collapse{height:240px;}
	
	 .cl-effect-3 a::after {
    position: absolute;
    top: 100%;}
    
	/*button.close{ padding:5px 6px; margin-top:5px;}*/
	
	.banner .carousel-control.left{ display:none}
	.banner .carousel-control.right{ display:none}
	
	.rslides-btn{ bottom:30px;left:38%;}
	
	.right-corder-container {left: -2px;top:200px}
	 .right-corder-container1 {left: -2px;top:250px}
	
	.bdright{ border-right:0px solid #fcbf4a !important}
    .cd-radial-slider-content h2{ display:none}
	
	.call{ display:none}
	
	.navbar-fixed-top,.navbar-fixed-bottom {position: fixed !important;right: 0; background: #fff; left: 0;z-index:99999999;box-shadow: 0 0 5px #3F3F3F;}
	
	.list-item {display: -webkit- inline-block;display: -ms-inline-block;display: inline-block;}	

	.displayN{ display:inline-block !important}
	.displayib{ display:none !important}
	
    .banner1{margin-top:100px !important;}
	.copyright{ text-align:center !important; line-height:20px; font-size:13px;}
	label{font-size:13px}
	
	.display{ font-size:15px;}
	
	.form-control {height: 40px;}
	.br{ border-right:none}

	
	 h1{font-size:24px;padding:6px 0px;}
	 .globalbg h1{font-size:24px}
     h2{font-size:22px; padding:6px 0px;}
	  h2 span{font-size:22px; padding:6px 0px;}
	 .project-bg h2{font-size:22px}
	 .news-bg h2{font-size:22px}
	 .carousel-caption h4{font-size:13px; padding:3px 5px; line-height:18px}
	 .carousel-caption h5{font-size:12px; padding:3px 5px; line-height:18px}
	 count-h3{font-size:18px}
	 .btn {display: inline-block;padding:3px 18px;}

	 .member-box .member .description h3{font-size:17px}
	
	 h3{font-size:17px}
     figure.effect-bubba h3{font-size:18px;padding-top: 3%}
	 figure.effect-bubba p{font-size:14px;}
	.mainfooter h3{font-size:18px}
	.owl-item h4{font-size:16px !important}
	
	 h4{font-size:18px}
	 .icon1 p span{font-size:16px}
	 .icon1 p{font-size:14px}

	.socialicon li a { margin-right:1px}

	.navbar-nav > li > a {padding-top:13px;padding-bottom:13px;line-height:15px;}
	
	.mT60{ margin-top:20px;}
	
	mL10{ margin-left:0px !important;}
    
	.carousel-indicators {bottom:0px !important;}
	
	.box-shadow{margin:10px 0px;}

	.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0px;
    width: 100% !important;}
	
	.p25{ padding:10px;}
	
	.pL40{ padding-left:12px !important}	
	.pL30{ padding-left:0px !important}	
	
	.display1 {display: block;padding: 10px 10px;}
	
	.divider{background:none!important; min-height:50px;}

	.navbar-toggle { margin-right:5px;}
	
	.plr{ padding-left:0px !important; padding-right:0px !important}
	
	.mT50{margin-top:5px!important;}
	
	.fs{display: inline-block; position:absolute}
	
	.item {padding-left:0px !important;}
	
	.caret {bottom:5px;left: 48%;}
	
	.panel{margin-bottom:0px !important;}
	
	.panel-body ul {padding-left:0px !important;}
   
	.box{width:100% !important;float:left}
	
	.pr20{ padding-right:0px !important}
	
	.profilebtns .btn_auto {width:100%; text-align:center;}
	
	.profile-img{ width:100% !important; max-width:100%}
	
	.copyright ul{ text-align:center !important}

	
    .pr30{ padding-right:0px!important}
	
	.registration{ width:100%;}
	
	.pL20{ padding-left:0px !important }
	
	.p20{ padding:10px;}

	.p40{ padding:0px;}
	/*
	.p5{ padding:0px;}
	*/
	.p10{ padding-left:0px!important;padding-right:0px !important;}
	
	.pr25{ padding-right:0px !important}
	
	.pr15{ padding-right:0px !important}
	
	.text-left{ text-align:center;}

	table {background-color: transparent;width: 100%;}
	
	.socialicon{text-align:center!important}
	
	.socialicon li{text-align:center!important; float:none}
	
	.mR50{ margin-right:0px !important;}
	
	.f-right{ float:none !important}

	.pL50{ padding-left:0px !important;}
	.mL55{ margin-left:0px !important;}
	
	.nav > li {
    display: block;
    width: 100%; text-align:center; /*background:#fff*/}
	
	.pL15{ padding-left:0px !important;}
	
	pL10{ padding-left:0px !important;}
	
	.pr25{ padding-right:0px !important;}
	
	.carousel-caption { right:2%;left:2%; top:5px; }
	
	.carousel-indicators {
        bottom: 70px;
    }
	
.owl-prev {left:0px !important;}
   .owl-next {right:0px !important;} 
   
   .content-nav li {font-size:13px; letter-spacing:1px; line-height:24px;background: url(../images/bullet.png)0px 10px no-repeat;}
   .slide-out-div {top:100px !important;}
   
   .navbar-brand {max-width: 66px;}
   .page-wrap {
    display: block;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   }

.icon-img{width:100%;max-width:125px;}	
.content{width:100%;max-width:94%;}
.hidden-xs{ display:none}
.main1, .main2, .main3, .main4, .main5 {
      padding: 0em;
        padding-right: 0em;
        padding-left: 0em;
      margin: 10px 0px;}


}

@media (max-width:360px){
	
	/** my changes **/
	.hidden-xs{ display:none}
	.page-wrap {
    display: block;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   }
  .content{width:100%;max-width:94%;}
  .navbar-brand {max-width:190px;}	
  .displayN{display: inline-block !important;}
  .fs{display: inline-block; position:absolute}

	.p10{ padding:5px !important;}
	
    .pr25{ padding-right:0px !important;}
	
	.pL10{ padding-left:0px !important;}
	
     ul.icon1 {
	   display: none;}

    .create_btn {
	  display:none;
     }
	 
	 .cl-effect-3 a::after {
    position: absolute;
    top: 100%;}
	 

}

 @media (min-width:850px) and (max-width:1000px) {
.nav > li > a {
    position: relative;
    display: block;
    padding: 20px 1px !important;
    letter-spacing: 0px;
    font-size: 13px !important;}
   .icon-img{width:100%;max-width:125px;}
   .nav > li {position: ;display: block;padding: 0px 8px;}

}

@media (min-width:801px) and (max-width:1024px) {

	   /* my changes */

	.accordion__title {padding: 0px 8px !important;}

	   
	.navbar-inverse .navbar-nav>li>a {
    border-right:none !important;text-align:center;}
	
	
	.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
     border-bottom: 0px solid ;color:#eb2325}

    .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    border-bottom: 0px solid ;color:#eb2325}
	  
	.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    border-bottom: 0px solid ;color:#eb2325}

	
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
         color: #343434;border-bottom: 1px solid #ccc;
        background-color:#fff; text-align:left; width:250px; padding:10px 2px; 
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #343434;
        background-color:#E6E6E6; text-align:left;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #343434;
        background-color:#ed740d;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;}
	
	}
	
	
	@media (min-width:481px) and (max-width:800px) {
		
		/* my changes */

    .banner{margin-top:60px;}
    .icon-img{width:100%;max-width:125px;}
	.pr30{padding-right:0px !important;}	
		
    .bdright{ border-right:0px solid #fcbf4a !important}		
		
    .carousel-indicators {bottom:0px !important;}		
		
	.pL40{ padding-left:12px !important}		
    .carousel-indicators {bottom: 70px;}
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {width: 100%;text-align: center; }

    .carousel-caption {position: absolute;bottom:80px;left:5%;right:5%;}
    .navbar-toggle {margin-right:5px;margin-top:5px;}
    .display{ font-size:16px;}
	
	.pr20{ padding-right:0px !important;}
	
	.pL20{padding-left:0px !important;}	
	
	.box{width:100% !important;float:left;}	
	
	 .pr30{ padding-right:0px !important}	
		
	.carousel-left:before, .carousel-right:before {position: absolute;top:80px;}	      

    .p40{ padding:0px;}
	
	.thumbnail {margin-bottom:15px;}
		
	.mL55{ margin-left:0px;}
		
	.text-left{ text-align:center}
		
	.cl-b{clear:both}
		
    .pr25{ padding-right:8px !important;}
	
	.fs { display: inline-block; position: absolute;}
	    
	.divider-bg{background:none}
	
	.cl-effect-3 a::after {
    position: absolute;
    top: 100%;}

	}
		
		
   @media (min-width:700px) and (max-width:800px) {
	 .navbar-brand {max-width:250px;}	 
     .navbar-brand {padding:15px 5px;}
	#logo a {display: block;width: 130px;}
	.pL30 {padding-left:0px !important;}
	.logowrap img {max-width:200px !important;}
	
	.owl-prev {left: -10px !important;}
      .owl-next {right: -10px !important;}
	.navbar-toggle {
    margin-top:25px;}
	.sticky-nav-tab1{}
	.nav-tabs > li > a {font-size: 15px;border-radius: 0;padding: 4px 16px;}
	
	.carousel-caption {position: absolute; left:1%;bottom:5px; right:30%;}
	
}



@media (min-width:850px) and (max-width:1024px) {

	   /* my changes */
	 .member-box .member .description {padding:2px 10px;}
	  
	   .carousel-caption {right:40%;left:5%; bottom:50px;} 
	   .topmenu li { font-size:14px;}
	
	   .logowrap img {max-width:220px;}
	  
	   .display1{ display:block; padding:10px 10px;}
	  
	   .nav > li > a { position: relative; display: block;padding:15px 1px;}
	 
	  .accordion__title {padding: 0px 6px !important;}
	  .owl-prev {left: -10px !important;}
      .owl-next {right: -10px !important;}
	  .nav-tabs > li > a { position: relative; display: block;padding:8px 30px; font-size:16px;}
	  .navbar-brand{max-width:160px; padding:20px 0px}
	 
	  }
		
@media (min-width:1025px) and (max-width:1200px) {
	 
	 .nav > li > a { position: relative; display: block;padding:15px 10px;}
	
}

@media (min-width:480px) and (max-width:767px) {

		/* my changes */
		.banner1{margin-top:100px !important;}
		.icon-img{width:100%;max-width:125px;}
        .page-wrap {
          display: block;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
        }
  .navbar-brand {max-width:200px;}		
.light {padding: 3px 10px;}
.light::before { display:none !important}
.slide-out-div {top:100px !important;}
.registration_left {float: left;width: 100%; padding:0px;}		
.vision-bg {background:#82817f;}		
.banner{ margin-top:0px !important}		
.hidden-xs{ display:none}		
.text-right {text-align:center !important;}			
.pr30{padding-right:0px !important;}
 .content-nav li {font-size:13px; letter-spacing:1px; line-height:24px;background: url(../images/bullet.png)0px 10px no-repeat;}
.call{ display:none}		
.fs{display: inline-block; position:absolute} 
.owl-prev {left:0px !important;}
.owl-next {right:0px !important;}	

}	
	
@media (min-width:480px) and (max-width:700px) {
		
		/* my changes */
	 .banner{ margin-top:24px !important}	
	 .hidden-xs{ display:none}

	 .owl-prev {left:0px !important;}
    .owl-next {right:0px !important;}	
	.navbar-default .navbar-collapse,{max-height: 200px;}
	 .navbar-toggle {margin-top: 20px;}	
      .main1, .main2, .main3, .main4, .main5 {
      padding: 0em;
        padding-right: 0em;
        padding-left: 0em;
      margin: 10px 0px;}

	 .navbar-brand {padding:10px 5px;}
			
	.navbar-fixed-top,.navbar-fixed-bottom {position: fixed !important;right: 0; background: #fff; left: 0;z-index:99999999;box-shadow: 0 0 5px #3F3F3F;}	
	
	/*button.close{ padding:5px 6px; margin-top:5px;}*/
	.rslides-btn{left: 40%;}	

	 .right-corder-container {left: -2px;top: 200px}
	 .right-corder-container1 {left: -2px;top: 250px}

      .logowrap img {max-width:160px !important;}
  
		.pr30{padding-right:0px !important;}
		
		.bdright{ border-right:0px solid #fcbf4a !important}
		
		/*.banner {margin-top:60px;}*/
		
		.list-item {display: -webkit- inline-block;display: -ms-inline-block;display: inline-block;}
		
		.pL40{ padding-left:12px !important}	
		
	    .text-right {text-align:center !important;}
	
	.displayN {
    display: inline-block !important;}

		.copyright{ text-align:center !important}
	
		.display{ font-size:17px;}
		
		.br{ border-right:none}


	.navbar-toggle { margin-right:5px;}
	
	.plr{ padding-left:0px !important; padding-right:0px !important}
		
    .fs{display: inline-block; position:absolute}
		
    .mT50{margin-top:5px !important;}
		
    .item {padding-left:0px !important;}
	
	.panel{margin-bottom:0px !important;}		
	
	.pr20{ padding-right:0px !important}

}


@media (min-width:1200px) and (max-width:1300px) {
.topmenu li{font-size:13px!important;}
}

@media (max-width:360px){
	
	/** my changes **/
.page-wrap {
    display: block;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
   }
 .main1, .main2, .main3, .main4, .main5 {
      padding: 0em;
        padding-right: 0em;
        padding-left: 0em;
      margin: 10px 0px;}
   
.icon-img{width:100%;max-width:125px;}   	

.text-right {text-align:center !important;}	

.logowrap img {max-width:140px !important;}
	
.list-item {display: -webkit- inline-block;display: -ms-inline-block;display: inline-block;}	
	
.pL40{ padding-left:12px !important}	

.list-group-item {
    display: list-item;
}

@media (min-width:800px) and (max-width:1000px) {

.banner {margin-top:0px;}

}