@charset "utf-8";
/* CSS Document */

/*****************************************************************
responsive
******************************************************************/

@media only screen and (max-width: 1199px){
.header_links {
  text-align: center;
}
.header_menu .navbar-inverse .navbar-nav > li {
  padding: 0 35px;
}
.work_green::after, .work_red::after, .work_blue::after {
  background-size: 100% 100%;
  right: -75px;
  width: 128px;
}
.tab_block_content {
  padding: 0 25px;
}

.facilites ul li img {
  padding: 15px 20px 15px 0;
}
.payment_block ul li {
  padding: 14px 10px;
}
.admin_top_links ul li .btn {
  display: inline-block;
  min-width: 130px;
}
.referral_link_box h3 {
  width: 82%;
}
.admin_page_title h2 {
  font-size: 40px;
}

}

@media only screen and (max-width: 991px){
.header_menu .navbar-inverse .navbar-nav > li {
  padding: 0 17px;
}
.banner_content img {
  width: 200px;
}
.banner_content h2 {
  font-size: 40px;
}
.work_green::after, .work_red::after, .work_blue::after { display:none;}
.works_block {
  margin: 0 0 20px;
}

.tab_block > ul{ text-align:center; margin-bottom:15px;}

.tab_block > ul,
.tab_block > ul li {
  bottom: auto;
  left: auto;
  position: inherit;
  right: auto;
  top: auto;
  padding:0 4px;
}
.facilites ul li img {
  padding: 0 20px 10px 0;
}
.facilites ul li {
  padding: 10px 0;
}
.footer_contact ul li {
  margin-bottom: 10px;
  width: 100%;
  text-align:center;
}
.footer_contact ul li img {
  display: inline-block;
  float: none;
  padding: 0 0 10px;
}
.footer_contact ul li h5{ text-align:center;}

.form_box {
  background: url("../images/white_building_1.png") no-repeat scroll -60px 140%, 
  url("../images/white_building_2.png") no-repeat scroll 420px 140%, #ffffff none repeat scroll 0 0;
}
.header_logo {
  text-align: center;
}
.referral_link_box button {
  display: block;
  float: none;
  margin: 10px auto;
}
.referral_link_box span {
  display: block;
  padding: 0 0 5px;
  vertical-align: middle;
  text-align:center;
}
.referral_link_box h3 {
  text-align: center;
  width: 100%;
}
.referral_link_box h3 input{ text-align:center; width:100%;}

}

@media only screen and (max-width: 767px){
.header_menu .navbar-inverse .navbar-toggle .icon-bar{ background-color:#ffffff;}
.header_menu .navbar-inverse .navbar-toggle{ border-color:#ffffff; border-radius:0; margin: 4px 0;}
.header_menu .navbar-inverse .navbar-toggle:focus, 
.header_menu .navbar-inverse .navbar-toggle:hover{ background:none; border-color:#ff533d;}
.header_menu .navbar-inverse .navbar-header {
  padding: 0 0 5px;
}
.header_menu .navbar-right {
  margin: 0;
  padding: 0;
}
.header_menu .navbar-inverse .navbar-nav > li::after{ display:none;}
.header_menu .navbar-inverse .navbar-nav > li{ padding: 5px 0;}

.header_menu .navbar-inverse .navbar-nav > li a:hover{ padding-left:5px;}
.header_links ul li {
  padding: 5px;
}
.banner_content p br{ display:none;}
.services ul li {
  margin: 0 !important;
}
.tab_block_content {
  padding: 0;
}
.index_about {
  padding: 20px;
}
.tab_box {
  background: url("../images/white_building_1.png") no-repeat scroll -140px 0px, 
  url("../images/white_building_2.png") no-repeat scroll 350px -60px, #ffffff none repeat scroll 0 0;
}
.referral_commission ul li span {
  font-size: 30px;
  height: 90px;
  margin: 0 auto 10px;
  padding: 24px 0;
  width: 90px;
}
.referral_commission ul li span sup {
  font-size: 17px;
}
.payment_block ul li {
  padding: 14px 5px;
}
.payment_block ul {
  border-radius: 20px;
}
.user_account {
  padding: 15px 0;
}
.user_account h3 {
  text-align: center;
}
.user_account h3 span{ text-align:left;}
.admin_top_links {
  text-align: center;
}
.admin_page_banner {
  padding: 30px 0;
}


}

@media only screen and (max-width:600px){
	
	.pay_block ul li {

	padding: 10px 0 10px;

}


.red_curve_top:before,
.red_curve_bottom:after,
.blue_curve_top:before,
.blue_curve_bottom:after,
.white_curve_top:before,
.white_curve_bottom:after{ display:none;}

.banner_content ul li {
  padding: 4px;
}

.section_1{background:url("../images/grey_buildings.jpg") no-repeat fixed center center / cover ; padding: 60px 0;}

.output_blocks ul li {
  padding: 6px;
  width: 100%;
}
.main_account_balance h5 {
  font-size: 25px;
}
.make_deposit_block{ background:#ffffff;}

}

@media only screen and (max-width: 520px){
.banner_content h2 {
  font-size: 35px;
}
.center_deal {
  display: none;
}
.main_account_balance h5 span {
  display: block; padding-top:10px;
}

}

@media only screen and (max-width: 480px){
.services ul li {
  width: 100%; padding: 10px 0;
}
.referral_commission ul li {
  margin-bottom: 20px;
  width: 50%;
}

}

@media only screen and (max-width: 420px){
.banner_content h2 {
  font-size: 25px;
}
.tab_block ul li a {
  font-size: 25px;
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size:25px;
}
.feature_block img {
  float: none;
  margin: 0 0 15px;
}
.inner_banner_title h2 {
  font-size: 35px;
}
.login_check span a {
  float: none;
}
.login_check span {
  text-align: center;
}

}

@media only screen and (max-width: 360px){
.banner_content span {
  font-size: 20px;
}
.banner_content h2 {
  font-size: 25px;
}
.app_links ul li {
  padding: 5px;
}
.user_account h3 span {
  padding: 15px 0 0;
  text-align: center;
  width: 100%;
}
.admin_top_links ul li {
  padding: 3px;
}
.invest_withdraw_stats {
  padding: 0 20px;
}

}

@media only screen and (max-width: 320px){
.referral_commission ul li {
  width: 100%;
}

}