@media only screen and ( max-width: 1199px ) {

}

@media only screen and ( min-width: 992px ) and ( max-width: 1199px ) {

	section {
	    padding: 50px 0;
	}
	
	.nav_bar ul li {
		padding-left: 15px;
	}
	
	.faq_bg_img {
	    padding-top: 40px;
	}

}

@media only screen and ( min-width: 992px ) and ( max-width: 1199px ) {
	
	.btn_main.banner_btn {
		right: -60px;
	}

}

@media only screen and ( max-width: 991px ) {

	.responsive_btn {
	  	cursor: pointer;
	  	display: inline-block;
		z-index: 7;
		border: 1px solid #ffb506;
		float: none;
		margin: 0px 0px 0px 0px;
		border-radius: 0px;
		background: #ffb506;
		padding: 5px 10px;
	}
	.responsive_btn {
	    position: absolute;
	    top: 20px;
	    right: 15px;
	}
	.bar1, .bar2, .bar3 {
	  	width: 25px;
	  	height: 2px;
	  	background-color: #fff;
	  	margin: 5px 0;
	  	transition: 0.4s;
	}
	.change .bar1 {
	  	-webkit-transform: rotate(-45deg) translate(-6px, 6px);
	  	transform: rotate(-45deg) translate(-6px, 6px);
	}
	.change .bar2 {opacity: 0;}
	.change .bar3 {
	  	-webkit-transform: rotate(45deg) translate(-4px, -4px);
	  	transform: rotate(45deg) translate(-4px, -4px);
	}
	nav ul {
	    margin-top: 25px;
	}
	nav ul {
	    display: none;
	}
	nav ul {
	    width: 75%;
	    position: fixed;
	    background-color: #fff;
	    top: -25px;
	    left: 0;
	    box-shadow: 0.5px 0.866px 10px 0px rgba( 0, 0, 0, .1);
	    -webkit-transition: max-height 0.25s ease-in;
  		-o-transition: max-height 0.25s ease-in;
  		transition: max-height 0.25s ease-in;		
	}
	nav ul li {
	    width: 100%;
	    border-bottom: 1px solid #FEA43E;
	}
	nav ul li:last-child {
		border: none;
	}
	.header_wrapper nav ul li a {
	    width: 100%;
	    padding: 10px;
	    color: #2a2a2a;
	    display: inline-block;
	}
	.header_wrapper nav ul li a:hover {
		color: #ffb506;
	}
	.header_wrapper nav ul li.active a {
		color: #ffb506;
	}

	.about_img {
	    margin: 0 auto;
	    text-align: center;
	}

	.faq_bg_img {
	    padding-top: 41px;
	}

	.popup-compliance {
	    float: unset;
	    text-align: center;
	    margin-top: 25px;
	}


}

@media only screen and ( min-width: 768px ) and ( max-width: 991px ) {

	section {
	    padding: 45px 0;
	}
	h2 {
	    font-size: 38px;
	}

	.affiliate_box p {
		display: flex;
	}
	.fancyTab {
		width: 33.333%;
	} 

}

@media only screen and ( max-width: 767px ) {

	section {
	    padding: 40px 0;
	}

	/*** banner  css***/

	.banner_wrapper {
		padding: 180px 0 70px;
	}
	.banner_heading {
		font-size: 42px;
	}
	.banner_heading span {
		font-size: 40px;
	}
	.bitcoin_address {
		border: none;
	}
	.bitcoin_address .banner_btn {
	    position: relative;
	    left: 0;
	    margin-top: 10px;
	}

	h2 {
	    font-size: 34px;
	}

	/***** work sections css *****/
	.work_wrapp {
	    margin-top: 30px;
	}
	.work_wrapp .work_box {
	    margin-bottom: 20px;
	    display: inline-block;
	}
	.work_wrapp .col-md-4:last-child .work_box{
		margin-bottom: 0
	}
	.glb-ntwrks h4 {
	    margin-bottom: 16px;
	}

	.glb-ntwrks h4 {
	    margin-bottom: 16px;
	}
	.main_contact_box {
	    margin-bottom: 15px;
	    display: inline-block;
	}


	/**** Affiliate page css *****/
	.affiliate_border {
	    margin-top: 30px;
	}
	.affiliate_box p {
		display: flex;
	}
	.account_content #change-btn {
	    margin-top: 10px;
	    display: inline-block;
	}

	.breadcrumbs {
		float: left;
		margin-top: 0;
	} 
	.breadcrumbs ul li:first-child {
	    padding-left: 0;
	}
	.inner_heading h2 {
    	margin-bottom: 10px;
	}


}

@media only screen and ( min-width: 578px ) and ( max-width: 767px ) {
	
	.fancyTab {
		width: 50%;
	}

}
   
@media only screen and ( max-width: 576px ) {

	.footer_info h4 {
	    margin-top: 30px;
	    margin-bottom: 5px;
	}
	.fancyTab {
		width: 100%;
	}

}
@media only screen and ( max-width: 767px ) {
 .modal-dialog {
    max-width: 100%;
    padding: 0 15px;
}

.plan-poup #copy_content {
    font-size: 14px;
}
}

@media only screen and ( min-width: 768px ) and ( max-width: 991px ) {
.modal-dialog {
    max-width: 70%;
}
}

@media only screen and ( min-width: 992px ) and (max-width: 1199px)  {
.modal-dialog {
    max-width: 60%;
}
}