/*for mobile*/
@media only screen and (max-width:760px) {
.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;}
.navbar-nav .nav-item {margin-left: 0px; display: block; width: 100%; text-align: center; margin-top: 10px;}
.navbar-nav .nav-item .nav-link {text-align: center;}
.navbar-nav .nav-item a{display: block; width: 100%;}
.header_logo {width: 150px;}
.navbar-brand {border-right:none}
body{font-size: 15px;}
.mobile-none{display: none !important;}
.site-menu-main .nav-item{padding: 0;}
.sub-menu--item .tab-right {display: none;}
.sub-menu--item .tab-left {width: 100%;}
.sub-menu--item .tab-left a {padding: 13px 20px; border-bottom: 1px solid #26272a;}
.banner_text{margin-right: 00px;}
.banner_text h1{font-size:45px; padding-top: 30px;}
.btn_style {padding: 7px 20px;}
.heading_text h2 { font-size: 32px;}
.line-height-30{line-height: 25px;}
.line-height-35{line-height: 27px;}
.watter_mark_list li{padding: 10px; width: 50px; height:50px;}
.watter_mark_list li.mark_icon img{width: 20px;}
.watter_mark_list_rotation::before{ height: 300px; width: 300px;}
p {font-size: 16px;}
.image2_box img{max-width: 250px;}
.mac_linux_box{width: 80px; height: 80px; padding: 10px;}
.mac_linux_box_outer{gap: 20px;}
.lien_list li{font-size: 17px;}
.lien_list {gap: 8px;}
.step_box{padding: 0px 15px;}
.long-Arrow{display: none;}
.text-end.text-left{text-align: left !important;}
.text-end.text-m-center{text-align: center !important;}
.footer_menu {text-align: center;}
.icon_box {padding: 7px; width: 50px; height: 50px}
.mb-3 {margin-bottom: .6rem !important;}
.p-4 {padding: 1rem !important;}
.footer_logo {max-width: 180px;}
.site-menu-main .sub-menu {min-height: unset;}
.navbar-collapse{margin-top: 20px;}








}
/*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){
    

 }