/* Custom responsive stylesheet by Webs Coder [Rafiul Alom] */

@media only screen and (max-width: 991px){  
	.navbar-header{
		width: 300px;
	}
	.navbar-brand{
		float: none;
		display: block;
	}
	.navbar-nav.navbar-right{
		margin-top: 9px;
	}
	.title_2{
		font-size: 35px;
	}
	.title_2 small{
		font-size: 30px;
	}
	#performance p{
		font-size: 24px;
	}
	.payment_method a{
	    padding: 0 2px;
	    display: inline-block;
	}
	.payment_method a:first-child{
	    padding-left: 2px;
	}
	.payment_method a:last-child{
	    padding-right: 2px;
	}
}

@media only screen and (max-width: 767px){  
	.navbar-header{
		width: auto;
		padding-bottom: 10px;
	}
	#header{
		padding: 10px 0;
	}
	.navbar-brand > img{
		width: 60%;
	}
	.embed-responsive{
		margin-bottom: 20px;
	}
	#vision .pull-right{
		float: none !important;
	}
	.promo_img{
		margin-bottom: 25px;
		text-align: center;
	}
	.navbar-nav{
		margin: 0;
	}
	.nav > li{
		text-align: center;
	}
	.content_section_common{
		padding: 30px 0;
	}
	.navbar-toggle{
		margin-top: 20px;
	}
	.copy{
		text-align: center;
		font-size: 14px;
		margin: 0;
	    line-height: 25px;
	}
	#footer_nav{
	    margin: 0 0 10px 0;
	    text-align: center;
	}
	.payment_method{
	    text-align: left;
	}
	.payment_entryItem{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 600px){  
	.navbar-brand > img{
		width: 70%;
	}
	.title_2{
		font-size: 35px;
		line-height: 1.2;
	}
	.title_2 small{
		font-size: 30px;
	}
	#performance p{
		font-size: 22px;
	}
	#content-section-1{
		display: none;
	}
	.navbar-toggle{
		margin-top: 15px;
	}

}

@media only screen and (max-width: 479px){  
    .navbar-brand > img{
		width: 75%;
	}
	.title_2{
		font-size: 28px;
	}
	.title_2 small{
		font-size: 25px;
	}
	#performance p{
		font-size: 20px;
	}
	.navbar-toggle{
		margin-top: 9px;
	}
	#service_entry h3{
		font-size: 30px;
	}
}

@media only screen and (max-width: 360px){
	#footer_nav li a{
	    font-size: 15px;
	    line-height: 25px;
	}
	.navbar-brand > img{
		width: 78%;
	}
	.title_2{
		font-size: 22px;
	}
	.title_2 small{
		font-size: 20px;
	}
	#service_entry h3{
		font-size: 26px;
	}
	.getStarted,
	.getStartedGray{
		font-size: 16px;
		padding: 7px 10px;
	}
	.btn-default.getStarted{
		padding: 5px 15px;
	}
}
