@media screen and (max-width: 1920px) {
.offerr { margin-top:0%;} 
.bigm { display:none;}
.form-mockup {
    float: right;
    margin-right: 12px;
}}
@media screen and (max-width: 1600px) {
.offerr { margin-top:2%;} }
@media screen and (max-width: 1366px) {
.offerr { margin-top:210px;} 
.bigb { display:block;}
.form-mockup {
    float: right;
    margin-right: 10px;
}
}
@media screen and (max-width: 1366px) {
	.ltype h4 {  font-size:14px; padding:25px 0;}
	.bcontent h3 {   line-height: 50px; font-size: 30px; margin-top:20%;}
	.bcontent h3 small { font-size:18px;}
	.offerr { margin-top:0px;} 
	}	

@media screen and (max-width: 1024px) {
	.bcontent h3 { font-size:25px; line-height:30px;}
	.ltype h4 { font-size:12px;padding:2px 5px;}
	.ltype   { padding-left:5px; padding-right:5px;}
	.offer-box h2 {line-height: 20px; font-size: 14px;	}
	.pho { display:none;}
	.bcontent h3 small { padding-top:0; line-height:40px; font-size:17px; }
	.navbar-default .navbar-nav > li > a {
    font-size: 17px;}
	.navbar-nav > li > a > i { font-size:17px !important;}
}
	
@media screen and (max-width: 823px) {
	
	.bcontent h3  { font-size: 26px; line-height:40px; margin-top:5%;}
	.form-mockup { background:#f5f5f5;}
	.bcontent h3 small {     line-height: 22px; }
	.navbar-default .navbar-nav > li > a {
    font-size: 12px;}
	.navbar-nav > li > a > i { font-size:12px !important;}
	
	}

@media screen and (max-width: 768px) {
	#offer { top:120px;}
	.offer-box{ width:100% ;}
	.navbar-header { height:100px;}
	#banner { top:190px}
	.ltype h4 { height:auto; padding:15px 0; }
	.my-header { height:auto;	}
	.navbar-toggle { top:22px;}
	.form-mockup { background:#f5f5f5; width:auto;}
	.bcontent h3 {     font-size: 32px;   margin: 15% 0 10%;}
	
	.pho { display:block;}
	}
	
	

@media screen and (max-width: 736px) {
	
	.bcontent h3  { font-size: 26px;line-height:35px;}
	
	}
@media screen and (max-width: 667px) {
	.bcontent h3  { font-size: 22px;    line-height: 26px; margin-top:20%;}
	.bcontent h3 small { font-size:18px;}
	}
@media screen and (max-width: 640px) {
	.bcontent h3  { font-size: 22px; margin-top:30px;margin-top:20%;}
	.bcontent h3 small {  padding-top: 0%;}
	}	

@media screen and (max-width: 414px) {
	.my-header { padding:0;}
	.navbar-brand { width:80%;}
	.bcontent { margin:0; }
	.bcontent h3 { font-size:15px; line-height:25px;
     margin-top:15%;}
	.bhead { top: 137px;}
	.nav > li { width: 50%; margin-bottom: 19px; }
	.navbar-header {height: 80px; }
	#banner { top: 175px;}
	
	.bcontent h3 small { font-size:12px; line-height:19px;}
	}
	
@media screen and (max-width: 411px) {
	.bcontent h3 { font-size:14px;}
	
	}
	
	@media screen and (max-width: 320px) {
	.bcontent h3 { font-size:12px; margin-top:18%;
	line-height:18px;}
	.bcontent h3 small { font-size: 10px; line-height: 16px; text-transform: lowercase; }