/*allsmart phone protrait mode*/
@media only screen and (max-width:767px) 
 {
.header-wrapper .header-content, .body-wrapper .body-content, .main-banner-wrapper .banner, .footer-wrapper .footer-content, .wrapper{width:300px; margin:0 auto;}
 
   .mbtopma{margin-top:275px !important;}
   .mfon{ font-size:16px !important;}
}

/*all smartphone landscape mode*/
@media only screen and ( min-width:480px) and (max-width:767px)
{
.header-wrapper .header-content, .body-wrapper .body-content, .main-banner-wrapper .banner, .footer-wrapper .footer-content, .wrapper{width:440px; margin:0 auto;}
  btopma{margin-top:275px !important;}
   .mfon{ font-size:16px !important;}
}

@media only screen and ( min-width:481px) and (max-width:767px)
{
   .mbtopma{margin-top:500px !important;} 
   btopma{margin-top:275px !important;}
   .mfon{ font-size:16px !important;}
}
                                                                                            
																							/*for tab*/

@media only screen and ( min-width:768px) and (max-width:995px)             
{
.header-wrapper .header-content, .body-wrapper .body-content, .main-banner-wrapper .banner, .footer-wrapper .footer-content, .wrapper{width:728px; margin:0 auto;}	
  .mbtopma{margin-top:30px;}

	
}