/*for mobile*/
@media only screen and (max-width:760px) {
body{font-size: 15px;}   
.mb-5 {margin-bottom: 1.5rem !important;}
.mt-5 {margin-top: 1.5rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mt-4 {margin-top: 1rem !important;}
.pb-5 {padding-bottom: 1.5rem !important;}
.pt-5 {padding-top: 1.5rem !important;}
.pb-4 {padding-bottom: 1rem !important;}
.pt-4 {padding-top: 1rem !important;}
.p-5 {padding: 1.5rem !important;}
.gap-2 {gap: .3rem !important;}
.gap-3 {gap: .5rem !important;}
.gap-4 {gap: 1rem !important;}
.gap-5 {gap: 1.5rem !important;}
.g-6 {--bs-gutter-y: 2rem;  --bs-gutter-x: 2rem;}
.g-5, .gy-5 {--bs-gutter-y: 1.5rem;}
.g-5, .gx-5 { --bs-gutter-x: 1.5rem;}
.g-4, .gy-4 {--bs-gutter-y: 1rem;}
.g-4, .gx-4 { --bs-gutter-x: 1rem;}
.font-10{font-size: 7px !important;}
.font-11{font-size: 8px !important;}
.font-12{font-size: 9px !important;}
.font-13{font-size: 10px !important;}
.font-14{font-size: 11px !important;}
.font-15{font-size: 14px !important;}
.font-16{font-size: 13px !important;}
.font-17{font-size: 15px !important;}
.font-18{font-size: 15px !important;}
.font-19{font-size: 16px !important;}
.font-20{font-size: 17px !important;}
.font-21{font-size: 18px !important;}
.font-22{font-size: 18px !important;}
.font-23{font-size: 20px !important;}
.font-24{font-size: 20px !important;}
.font-25{font-size: 20px !important;}
.font-26{font-size: 23px !important;}
.font-27{font-size: 24px !important;}
.font-28{font-size: 22px !important;}
.font-29{font-size: 26px !important;}
.font-30{font-size: 25px !important;}
.font-31{font-size: 28px !important;}
.font-32{font-size: 27px !important;}
.font-33{font-size: 30px !important;}
.font-34{font-size: 31px !important;}
.font-35{font-size: 28px !important;}
.font-40{font-size: 35px !important;}
.font-50{font-size: 35px !important;}
.font-60 {font-size: 40px !important;}
.font-45 {font-size: 30px !important;}
.header_padding {padding-top: 70px;}
.border_d_box {padding: 15px;}
.footer-logo {max-width: 110px;}
.banner-img {padding-left: 30px; padding-right: 30px;}
.heading_text h2 {font-size: 28px;}
.circle_box {padding: 20px 20px;}
.cost_trading_list li {padding: 8px 21px; margin-right: 4px; font-size: 14px;}
.img-p-l {padding-left: 40px; padding-right: 40px;}
.accordion_head {font-size: 16px;}
.tradeonmobile_img{padding: 0px 80px;}
.mt5_img{padding: 0px 80px;}
.step_box_lien{display: none;}
.step_box img {width: 150px; margin-bottom: 0px;}
.inner_banner{padding-top: 40px; padding-bottom: 40px;}
.banner-content h1 {font-size: 40px;}
.brand-logo {max-width: 150px;}
.contact_field {grid-template-columns: repeat(1,1fr);}
.padding_right_100{padding-right: 40px; padding-left: 40px;}
.padding_right_50{padding-right: 40px; padding-left: 40px;}
.btn_style {padding: 5px 15px;}
.padding_left_100{padding-right: 40px; padding-left: 40px;}
.padding_left_50{padding-right: 40px; padding-left: 40px;}
.link_no_list{margin-bottom: 30px;}
.link_big_text{font-size: 200px; line-height: 180px;}
.blog_outer_box { padding: 15px;}
.blog_details_main_img { padding: 15px;}
.banner-img img {display: none;}
.footer_media li a {font-size: 15px;}
.footer_media li {margin: 0px 8px;}

}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {
  

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {

}

/*for sm destop*/
@media only screen and (min-width:1000px) and (max-width:1200px) {
   
 }

/*for destop*/
@media (min-width: 1200px){
    

 }