/*
 * Style tweaks
 * --------------------------------------------------
 */



/*
 * Off Canvas
 * --------------------------------------------------
 */
 .row-offcanvas .visible-sm{ display:none!important;}
 .baars{ display:inline-block; margin-right:5px; vertical-align:middle; float: left; margin-top: -4px;}
.row-offcanvas .icon-bar{ display:block; width:23px; margin-bottom:4px; height:2px; background:#fff; border-radius:3px;}
.row-offcanvas .btn-primary{ padding:11px 7px 4px 7px; font-size:14px; font-weight:bold; line-height:6px; background:#3F75A3 ; border: #3F75A3 solid 1px; outline:none; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
@media screen and (min-width : 766px) and (max-width : 768px) {
		html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
  .my_account_page .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out; display:inline-block; width:100%;
  }

  .my_account_page .row-offcanvas-right {
    right: 0;
  }

  .my_account_page .row-offcanvas-left {
    left: 15px;
  }

  .my_account_page .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .my_account_page .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .my_account_page .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 45%; /* 6 columns */ z-index:999999;
  }
  .my_account_page .row-offcanvas .visible-sm{ display:block!important;}
  .my_account_page .leftside{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.49);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.49);
	box-shadow: 0 0 15px rgba(0,0,0,.49);}
	}
@media screen and (max-width: 767px) {
	html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
.left_side{-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60);
-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60);
box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.60); background: #fff; padding: 0px;}
  .row-offcanvas {
    position: absolute;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out; display:inline-block; width:100%; z-index: 999;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 15px;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -56%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */ z-index:999999;
  }
  .row-offcanvas .visible-sm{ display:block!important;}
  .leftside{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.49);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.49);
	box-shadow: 0 0 15px rgba(0,0,0,.49);}
}

@media screen and (max-width: 767px){
.row-offcanvas-left .sidebar-offcanvas{ left:-55%;}
.row-offcanvas-left.active .sidebar-offcanvas{ left:-50%;}
    .sidebar-offcanvas{}

}
@media screen and (max-width: 667px){
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-50%;}
}
@media screen and (max-width: 640px) {
/*	.row-offcanvas-left .sidebar-offcanvas{left:-73%!important;}
	.sidebar-offcanvas{ width:68%;}
	.row-offcanvas-left.active{left:69%;}*/
	
}
@media screen and (max-width: 570px) {
/*	.row-offcanvas-left .sidebar-offcanvas{left:-73%;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-74%;}
	.sidebar-offcanvas{ width:66%;}
	.row-offcanvas-left.active{left:69%;}*/
	
}
@media screen and (max-width: 480px) {        
    .row-offcanvas-left .sidebar-offcanvas{left:-70%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{left:-60%!important;}
    .sidebar-offcanvas{ width:60%;}
    .row-offcanvas-left.active{left:60%;}

}
@media screen and (max-width: 414px) {
	.row-offcanvas-left .sidebar-offcanvas{left:-70%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-68%!important;}
	.sidebar-offcanvas{ width:68%;}
	.row-offcanvas-left.active{left:68%;}
	
}
@media screen and (max-width: 400px) {
	
}
@media screen and (max-width: 375px) {
 .row-offcanvas-left .sidebar-offcanvas{left:-72%!important;}
    .row-offcanvas-left.active .sidebar-offcanvas{ left:-70%!important;}
	.sidebar-offcanvas{ width:70%;}
	.row-offcanvas-left.active{left:70%;}  
}
@media screen and (max-width: 360px) {
	
	
}
@media screen and (max-width: 330px) {
	.row-offcanvas-left .sidebar-offcanvas{left:-90%!important;}
      .row-offcanvas-left.active .sidebar-offcanvas{ left:-76%!important;}
	.row-offcanvas-left.active{left:75%;}
	.my_account_page .row-offcanvas-left .sidebar-offcanvas { left: -84%;}
.sidebar-offcanvas{ width:77%;}
	
}
@media screen and (max-width: 320px) {

}