@media (min-width: 3000px) and (max-width: 5000px) {
  .comman_breadCump_tranparent {
    width: 100%;
    height: 600px;
    background: linear-gradient(75deg, white 14%, rgba(0,0,0,0) 50%);
    padding-top: 5%;
  }
  .comman_breadCump {
    width: 100%;
    background-image: url('../images/img/Rectangle 61.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 600px;
  }
  .BorderChangeInputField .input-group-text {
    height: auto !important;
  }
  .Footer_Middle_Block ul li a {
    font-size: 33px;
  }
  .footer_copy_wirte_block {
    padding: 2%;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 32px;
  }
  .peregraphp {
    width: 40%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    color: #2F2F2F;
  }
}

@media (min-width: 1440px) and (max-width: 1919.00px) {
  .navbar-nav li a {
    padding: 5px 8px !important;
}
.FooterContact {
  width: 61%;
  margin: auto;
}
.hidden-mobile-screen
{
  width: 40%;
}
.login_right_form_block_top p {
  width: 57%;
}

.login_right_form_block .card {
  width: 100%;
  border: none !important;
  /* margin-right: 6%; */
  /* padding-left: 5%; */
  /* padding-right: 5%; */
}
.Single_Icon_block {
  width: 90%;
  margin: 5% 0%;
}
.Forgot_password_row .nav-item .nav-link
{
  margin-top: 6px;
}
.navbar-nav li a {
  padding: 5px 26px !important;
}


.comman_breadCump {
  width: 100%;
  height: 310px;
}
.comman_breadCump_tranparent .content_block .logo_name .logo_name_color {
  font-style: normal;
  font-size: 30px;
}

.comman_breadCump_tranparent .content_block .logo_name {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name_subtitle {
  font-size: 15px;
}
.peregraphp {
  width: 60%;
}
.comman_breadCump_tranparent {
  width: 100%;
  height: 410px;
  background: linear-gradient(77deg, white 18%, rgba(0, 0, 0, 0) 66%);
  padding-top: 8%;
}

.ProjectDetailsPage {
  margin-top: 0% !important;
}

}


@media (min-width: 1200px) and (max-width: 1439px) {
  .navbar-nav li a {
    padding: 5px 16px !important;
}
.comman_breadCump
{
  display: block;
}
.comman_breadCump {
  width: 100%;
  height: 270px;
}
.comman_breadCump_tranparent .content_block .logo_name .logo_name_color {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name_subtitle {
  font-size: 16px;
}
.peregraphp {
  width: 89%;
  font-size: 14px;
}
.comman_breadCump_tranparent {
  background: linear-gradient(75deg, white 26%, rgba(0, 0, 0, 0) 50%);
}
.radioGroupBlock {
  padding: 2% 0% 2% 3%;
}
.select-selected {
  padding: 2.1% 0% 2% 3%;
}
.ProjectDetailsPage {
  margin-top: 0% !important;
}
}
@media(min-width:1366px){
  .select-selected {
    padding: 2% 0% 2% 3% !important;
  }
  .ProjectDetailsPage {
    margin-top: 0% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {

  .ProjectDetailsPage {
    margin-top: 0% !important;
  }
  .radioGroupBlock {
    padding: 2.5% 0% 2% 3%;
  }
  .select-selected {
    padding: 3% 0% 2% 3%;
  }
  .navbar-nav li a {
    padding: 5px 8px !important;
}
.TopHeader .nav-link {
  font-size: 16px;
}
.HeaderSection #roundMenu a {
  font-size: 16px;
}

#loginpage .login_right_form_block {
  padding-left: 0% !important;
}
.hidden-mobile-screen
{
  width: 60%;
}
.Footer_Middle_Block ul li a {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
}

.Footer_Middle_Block
{
  margin-top: 5%;
}
.Footer_Middle_Block .FooterMenu {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
}
.footer_copy_wirte_block {
  padding: 2%;
  font-size: 16px;
}
.Footer_Left_Block img {
  width: 100%;
}
.FooterMenu {
  width: 100%;
  margin: auto;
}
.FooterMenu .pb-3 {
  padding-bottom: 0rem !important;
}
.FooterContact {
  width: 90%;
  margin: auto;
}
.login_right_form_block {
  margin-top: 0%;
  padding-bottom: 0%;
}
.login_right_form_block .card {
  width: 100%;
  border: none !important;
}
.card_outline_block {
  width: 100%;
  padding-bottom: 15%;
  border-right: 0px solid #0A2B0B;
  /* border-bottom: 2px solid #0A2B0B; */
  /* margin-bottom: 10%; */
   margin-top: 10%;
}

.card_outline_block_inner_OR_SEPRATOR {
  /* top: 97%; */
  float: none;
  z-index: 999;
  right: 45%;
  padding: 0% 5%;
/* bottom:-10%; */
margin-right: -8px;
}

.login_right_form_block_top p {
  width: 90%;
}


.Social_name {
  font-size: 15px;
  width: 64%;
  /* width: 30%; */
  line-height: 28px;
}



.Social_Links  { width: 100%;margin-top:1%;margin:auto; margin-bottom: 5%;} 
/* .Social_Links a { float: left; width: 30%;} */
/* .Social_Links a .Social_name{ width:0px; display: none;} */
/* .Social_Links a .Social_Icon{width: 100%; float: none; text-align: center; color: #5B5B5B; padding: 5%; height: 51px; line-height: 2.5;} * */

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp:nth-child(1) {
  width: 100%;
  float: left;
}

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp:nth-child(2) {
  width: 100%;
  float: right;
}
.Social_Links a .Social_Icon img
{
  /* width:50%; */
}

.comman_breadCump {
  width: 100%;
  height: 310px;
}
.comman_breadCump_tranparent .content_block .logo_name .logo_name_color {
  font-style: normal;
  font-size: 30px;
}

.comman_breadCump_tranparent .content_block .logo_name {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name_subtitle {
  font-size: 15px;
}
.peregraphp {
  width: 60%;
}
.comman_breadCump_tranparent {
  width: 100%;
  height: 410px;
  background: linear-gradient(77deg, white 18%, rgba(0, 0, 0, 0) 66%);
  padding-top: 8%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  border: none;
  margin: 0px;
  padding: 0px;
  width: 187px;
  margin-top: 18px;
  left: -82px;
}

}
@media(min-width:1024px){
  
  .ProjectDetailsPage
  {
    margin-top: 14% ;
    /* margin-bottom: 11% !important; */
  }
  .MyProfileSection
  {
    padding-bottom: 11% !important;
  }
}

@media(min-width:1024px) and (max-width: 1030px){
  .select-selected {
    padding: 3% 0% 2% 3% !important;
  }
}


@media (min-width: 768px) and (max-width: 991px) {


  .login_image_block img {
    border-radius: 5%;
    height: 599px;
    margin-top: -2%;
}

.login_right_form_block_top .hidden-mobile-screen {
    width: 50%;
    padding-top: 5%;
    margin: auto;
}
.login_right_form_block_top p {
  width: 82%;
}

.Footer_Left_Block img
{
  width: 100%;
}
.Footer_Left_Block button {
 
  font-size: 64%;
  margin: 10% 0%;
  height: 47px;
}
.Footer_Middle_Block ul li a {
    font-size: 12px;
}


.FooterMenu {
  width: 100%;
  margin: auto;
  margin-top: 5%;
}
.FooterContact {
  width: 98%;
  margin: auto;
}
.FooterMenu .pb-3 {
  padding-bottom: 0rem !important;
}
.footer_copy_wirte_block {
  font-size: 12px;
}
.Footer_Right_Block
{
  margin-top: 18%;
}

.card_outline_block {
  width: 100%;
  padding-bottom: 0%;
  border-right: 0px solid #0A2B0B;
  /* border-bottom: 2px solid #0A2B0B; */
  /* margin-bottom: 10%; */
  margin-top: 0%;
}

.login_right_form_block .nav-item {
  width: 49%;
  margin-top:3px;
  margin-bottom: 3px;
}
.Forgot_password_row  .nav-item .nav-link {
  margin-top:6px;
  margin-bottom: 3px;
  font-size: 14px;
}
.login_right_form_block .card {
  width: 100%;
  border: none !important;
}
.Social_Icon {
  float: left;
  padding: 5%;
  width: 30%;
  height: 51px;
}
.card_outline_block_inner_OR_SEPRATOR {
  /* top: 97%; */
  float: none;
  z-index: 998;
  right: 45%;
  padding: 0% 5%;
  /* bottom: -10%; */
  margin-right: -8px;
}
/* .Social_Links  { width: 50%;margin-top:1%;margin:auto; margin-bottom: 5%;} 
.Social_Links a { float: left; width: 30%;}
.Social_Links a .Social_name{ width:0px; display: none;}
.Social_Links a .Social_Icon{width: 100%; float: none; color: #5B5B5B; padding: 5%; height: 51px; line-height: 2.5;} * */

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp:nth-child(1) {
  width:100%;
  float: left;
  margin-bottom: 30px;
}

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp:nth-child(2) {
  width: 48%;
  float: right;
}
.Social_Links a .Social_Icon img
{
  width:50%;
}
.mobileScreenFooter
{
  display: block;
}

.Social_name {
  font-size: 15px;
  width: 35%;
  /* width: 70%; */
  line-height: 32px;
}
.FooterSection  .mobileScreenFooter
{
  display: none;
}
.new_mobile_menu .overlay .closebtn {
  position: absolute;
  top: 26px;
  right: 38px;

  /* font-size: 60px; */
}
.new_mobile_menu .overlay-content {
  width: 100%;
  right: 34px;
  top: 22%;
}

.new_mobile_menu .overlay .overlay-content a {
  padding: 2px;
  font-size: 20px;
  transition: 0.3s;
  line-height: 30px;
    font-size: 15px !important;
}

.login_right_form_block .nav-item .nav-link {
  font-size: 13px;
}
.Social_Links {
  width: 100%;
  /* margin-top: 30%; */
}
 .LogOutButtonMobileMenu {
  background: #F5F5F5;
  border-radius: 4px;
  padding: 2% 11% 1% 11%;
  /* color: #2F2F2F !important; */
  font-size: 13px;
  text-decoration: none;
  word-spacing: 5px;
  margin-bottom: 8%;
  margin-left: 16%;
}
.Footer_Right_Block_Mobile_menu
{
  width: 30%;
  float: right;
  padding-right: 5%;
}
.Footer_Right_Block_Mobile_menu {
  /* width: 26%; */
  width: 20%;
  float: right;
  /* margin-top: 4%; */
  margin-top: 42%;
  text-align: right;
}

.Footer_Right_Block_Mobile_menu ul li.me-3 {
  margin-right: 0rem !important;
}

#NewmobileScreenIcon
{
  position: fixed;
  right: 38px;
  top: 26px;
    
}
.HeaderSection .largeScreenFooter 
{
  display: none;
}
.new_mobile_menu .overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /* background: linear-gradient(76deg, rgba(0, 0, 0, 0) 45%, #99BD3D 45%); */
  background: linear-gradient(80deg, rgba(0, 0, 0, 0) 55%, #99BD3D 45%);
}

.Footer_Right_Block_Mobile_menu ul.d-flex
{
 justify-content: right !important;
}

.new_mobile_menu .overlay .overlay-content a {
  padding: 2px;
  font-size: 20px;
  transition: 0.3s;
  line-height: 30px;
    font-size: 16px !important;
}   
 .LogOutButtonMobileMenu {
  background: #F5F5F5;
  border-radius: 4px;
  padding: 2% 11% 1% 11%;
  /* color: #2F2F2F !important; */
  font-size: 13px;
  text-decoration: none;
  word-spacing: 5px;
  margin-bottom: 8%;
  margin-left: 16%;
}
.LogOutButtonMobileMenu:hover
{
  /* color: #2F2F2F !important; */
}
.Footer_Right_Block_Mobile_menu ul>li>a>img {
  width: 70%;
}
.comman_breadCump
{
  display: block;
}
.comman_breadCump {
  width: 100%;
  height: 270px;
}
.comman_breadCump_tranparent .content_block .logo_name .logo_name_color {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name {
  font-size: 30px;
}
.comman_breadCump_tranparent .content_block .logo_name_subtitle {
  font-size: 16px;
}
.peregraphp {
  width: 89%;
  font-size: 14px;
}
.comman_breadCump_tranparent {
  background: linear-gradient(75deg, white 26%, rgba(0, 0, 0, 0) 50%);
}

.MyProfileSection
{
  margin-top: 0%;
}
.MYProfile_ButtonBlock {
  margin-right: 10%;
  margin-top: 6%;
}

.login_right_form_block_top
{
  margin-bottom: 5%;
  margin-top: 4%;
}
.addressBlock h4{
  font-size: 20px;
}
.login_right_form_block_top .mobile_logo {
  display: block;
  margin: auto;
}

.select-selected {
  line-height: 38px;
}

.ProjectDetailBody .form-check {
    display: block;
    margin-top: 2%;
  }
  .avatar-upload .avatar-preview {
    width: 220px;
    height: 220px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
#staticBackdrop, #exampleModal {
  /* margin-top: 12%; */
}
.modal {
  /* width: 500px; */
  /* height: 300px; */
  /* background-color: #ffffff; */
  /* border: 1px solid #cccccc; */
  /* padding: 20px; */
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* box-shadow: 0px 0px 10px #cccccc; */
  /* border-radius: 5px; */
  /* z-index:1000; */
}

}



@media (min-width:900px)  {
  .login_right_form_block_top
  {
    margin-top: 15%;
  }
  .MyProfileSection
  {
    padding-bottom: 12%;
  }
}

@media (min-width:810px) and (max-width:820px)  {
  .CustomerDetailSection .login_right_form_block_top
  {
    margin-top: 24%;
  }
  .CustomerDetailSection
  {
    padding-bottom: 25%;
  }
  .ProjectDetailsPage {
    margin-top: 34%;
  }
}



/* Responsive Css For this page */



@media (min-width:800px)  {
  .login_right_form_block_top
  {
    margin-top: 8%;
  }
  .MyProfileSection
  {
    padding-bottom: 8%;
  }
}

@media (min-width:768px)  and (max-width:790px) {
  .CustomerDetailSection .login_right_form_block_top
  {
    margin-top: 20%;
  }
  .CustomerDetailSection
  {
    padding-bottom: 20%;
  }
}


@media (min-width: 576px) and (max-width: 767px) {

/* LOGIN FORM CSS START  */

.login_right_form_block_top .mobile_text , .login_right_form_block_top .mobile_logo{ display: block; }
.hidden-mobile-screen{  display: none; }

.login_right_form_block_top .mobile_text
{
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  text-align: center;
}


.login_image_block img{ height: 300px;  width: 100%; }
.login_right_form_block_top img{  margin: auto ;padding-top:0%;
}
  
  .login_right_form_block .nav-item {  width: 49%; margin-top: 3px;
    margin-bottom: 3px;
}

  .login_right_form_block_top p{
    width: 100%;
    text-align: center;
    margin-top: 1%;
  }
  .login_right_form_block .card {
    width: 100%;
    border: none !important;
}
.card_outline_block {
  width: 100%;
  padding-bottom: 0%;
  margin-bottom: 0%;
   margin-top: 5%;
}

.card_outline_block_inner_OR_SEPRATOR {
  /* top: 97%; */
  float: none;
  z-index: 999;
  right: 45%;
margin-right: -8px;
  padding: 0% 5%;
/* bottom:-10%; */
}

.FieldSetOuterBoxSignUp
{
  /* margin-bottom: 36px !important; */
}


.Single_Icon_block { text-align: center; width: 100%;  margin: 0% !important;}

 /* .Social_Links  { width:30%;margin-top:1%;margin:auto; margin-bottom: 5%;}  */
 .Social_Links a { float: left; width: 99%;margin-bottom: 17px;}
/* .Social_Links a .Social_name{ width:0px; display: none;} */
.Social_Links a .Social_Icon{width: 30%; color: #5B5B5B; padding: 5%; height: 51px; }  */
/* .Social_Icon img { width: 45%;} */
.Social_Links a .Single_Icon_block .Social_Icon img
{
  width:60% !important;
}
.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp
{
  /* width: 96% !important; */
  width: 100% !important;
}
.FieldSetOuterBox{
  margin-bottom:0px;
}
#login-form #forgot-tab{ padding: 0px !important;} 

/* HEADER AND FOOTER CSS */
.HeaderSection .navbar  a ,.HeaderSection .navbar  a img
{ width: 60%;}
.HeaderSection  .navbar-collapse ul li a { width: 100%; text-align: right !important;} 
.login_image_block{  display: none;}
.login_right_form_block_top
{ margin-top:10%
}

.login_right_form_block
{
  margin-top: 0%;
  padding: 5%;
  /* padding-left: 15%; */
}


/* MOBILE FOOTER CSS */

.largeScreenFooter
{ display: none;}
.mobileScreenFooter
{  display: block; }
.Footer_Left_Block
{  width: 35%;
  float: left;
}
.Footer_Middle_Block
{
  margin-top: 5%;
}
.Footer_Left_Block img
{ width: 70%;}
.Footer_Right_Block
{
  width: 60%;
  float: right;
  text-align: right;
  margin-top: 0%;
}
.Footer_Right_Block .pb-3
{ padding-bottom: 0px !important;}
.Footer_Right_Block li.me-3
{
  margin-right: 0.1rem !important;
}
.Footer_Right_Block ul>li>a>img 
{
  width: 70%;
}
.FooterMenu    {
  width: 70%; margin: auto; line-height: 0.9px;
}

 .FooterContact  {
  width: 60%; margin: auto; line-height: 0.9px;
}

.FooterMenu>.mb-3, .FooterContact>.mb-3 {
  margin-bottom: 0px !important;
}
.FooterMenu>ul>li {  margin-right: 0rem !important; }
.Footer_Middle_Block ul li a { font-size: 12px; }
.FooterContact  .pb-3
{  padding-bottom: 0px !important;}
.FooterContact>ul>li>a>img {
  width: 11px;
}
.FooterContact>ul>li:nth-child(1) {
  line-height: 4px;
  margin-right: 0px !important;
}
.footer_copy_wirte_block {
  font-size: 11px;
  padding-bottom: 2%;
} 
/* MOBILE FOOTER CSS  END*/


/* MY PROFILE PAGE */
.Profile_Header{ margin-top: 8%; }
.Profile_Header .float-start { font-size: 18px; line-height: 42px;}
.Profile_Header .float-end button {
  padding: 4px 4px;
  font-size: 14px;
}
.Profile_Body .Profile_image_upload
{  height: 289px !important; }
.avatar-upload {
  margin: 0px !important;
  text-align: center;
  max-width: 100% !important;
}
.avatar-preview{margin: auto;}
.avatar-upload .avatar-edit {right: 26%; top:16%}
.MyProfileInputBlock
{padding-left: 5%; padding-right: 2% !important;  }
.Concat_frist_Last_Name_BLock  { display: flex; flex-direction: row; }

.Concat_frist_Last_Name_BLock .BorderChangeInputField { width: 49%;}
.BorderChangeInputField label{font-size: 14px;}
.ButtonBlock.MYProfile_ButtonBlock
{  width: 87%; margin: 7% 0% 7% 27%;}
#staticBackdrop{ margin-top: 15%; }
/* MY PROFILE PAGE CSS END */

  /* LOGIN FORM CSS END  */
  

/* TEll me about Use page css */
.Profile_Body, .ProjectDetailBody
{
padding: 10%;
}

.ProjectDetailBody
{
padding: 5%;
}


/* 
.CustomerDetailBody
{
padding: 5%;
} */


/* .CustomerDetailSection
{
  padding: 5%;
} */


.addressBlock
{
  margin-top: 5%;
  margin-left: 0%;
  margin-right: -2%;
}
.ProjectDetailsPage .text-center
{
font-size: 18px;
}
.radioGroupBlock
{
padding-top: 2%;
}
.Concat_zipCode_City_Block.d-flex
{
display: block !important;
}
.Concat_zipCode_City_Block .BorderChangeInputField
{
width: 100%;
}

/* mobile custom nav bar */
.new_mobile_menu{ display: block;}
.new_mobile_menu .overlay {
background: linear-gradient(70deg, rgba(0, 0, 0, 0) 54%, #99BD3D 39%);
overflow-y: scroll;
}
.Footer_Right_Block_Mobile_menu
{  width: 35%;
  float: left;
}
/* .Footer_Right_Block_Mobile_menu img
{ width: 100%;} */
.Footer_Right_Block_Mobile_menu
{
  width: 19%;
  float: right;
  /* text-align: center; */
  margin-top: 16%;
  margin-right: 2%;
}

.new_mobile_menu .overlay .closebtn {
  position: absolute;
  top: 28px;
  right: 37px;
  font-size: 60px;
}

.new_mobile_menu .overlay-content {
 
  width: 100%;
  text-align: right;
  margin-top: 70px;
}

.new_mobile_menu .overlay-content > a
{
  font-size: 16px !important;
}

.Footer_Right_Block_Mobile_menu .pb-3
{ padding-bottom: 0px !important;}
.Footer_Right_Block_Mobile_menu li.me-3
{
  margin-right: 0.1rem !important;
}
.Footer_Right_Block_Mobile_menu ul>li>a>img 
{
  width: 70%;
}

.new_mobile_menu .overlay .overlay-content a
{
line-height: 30px;
}
.LogOutButtonMobileMenu {
  background: #F5F5F5;
  border-radius: 4px;
  padding: 2% 11% 1% 11%;
  /* color: #2F2F2F !important; */
  font-size: 13px;
  text-decoration: none;
  word-spacing: 5px;
  margin-bottom: 8%;
  margin-right: 16%;
}

.LogOutButtonMobileMenu:hover {
/* color: #2F2F2F !important; */
}


.modal {
  /* width: 500px; */
  /* height: 200px; */
  /* background-color: #ffffff; */
  /* border: 1px solid #cccccc; */
  /* padding: 20px; */
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* box-shadow: 0px 0px 10px #cccccc; */
  /* border-radius: 5px; */
  /* z-index:1000; */
}

/* #LoginPage .row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)* .0) !important;
padding-left: calc(var(--bs-gutter-x)* .5);
margin-top: var(--bs-gutter-y);
} */
.comman_breadCump
{
  display: none;
}
/* .Social_Icon img
{
 width: 40%;
} */

  .ButtonBlock .btn-outline-primary
  {
    background-color: #99BD3D;
    color: #FFFFFF;
  }


  #mobileMenuSlider
  {
    display: block;
  }
  #mainSideToolbar
  {
    display: none;
  }

  .scroll-container {
    margin: 20px auto;
    margin-left: -2.7% !important;
  }

}

@media (min-width: 375px) and (max-width: 575px)
{
  .scroll-content .item { min-width: 63px;}
    /* LOGIN FORM CSS START  */
.submenu_display_block {
  display: none;
}
.login_right_form_block_top .mobile_text , .login_right_form_block_top .mobile_logo{ display: block; }
.hidden-mobile-screen{  display: none; }

.login_right_form_block_top .mobile_text
{
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
text-align: center;
}


.login_image_block img{ height: 300px;  width: 100%; }
.login_right_form_block_top img{  margin: auto ;
  padding-top: 0%;
  /* padding-top: 20%; */
}

.MyProfileSection .login_right_form_block_top img{  margin: auto ;
  padding-top: 17%;
  /* padding-top: 20%; */
}

.login_right_form_block .nav-item {
  width: 49%;
  margin-top: 3px;
  margin-bottom: 3px;
}

.login_right_form_block_top p{
  width: 100%;
  text-align: center;
  margin-top: 1%;
}
.login_right_form_block .card {
  width: 100%;
  border: none !important;
}


.card_outline_block {
width: 100%;
padding-bottom: 15%;
border-right: 0px solid #0A2B0B;
/* border-bottom: 2px solid #0A2B0B; */
/* margin-bottom:30%; */
margin-bottom:15%;
margin-top: 15%;
padding: 10px;
}
.card_outline_block .card:nth-child(1)
{
margin-bottom: 10px;
}
.card_breaker_block {
width: 98% !important;
margin-right: 1%;
margin-left: 1%;
border-right: 2px solid #0A2B0B !important;
margin-top: 10%;

}
.card_outline_block_inner_OR_SEPRATOR_border {
position: relative;
width: 100%;
height: 100%;
border-right: 0px solid #0A2B0B !important;
text-align: center;
border-bottom: 2px solid #0A2B0B !important;
/* margin-top: 10px !important; */

}
.card_outline_block_inner_OR_SEPRATOR {
top: 97%;
float: none;
z-index: 999;
right: 42%;
/* padding: 0% 4%; */
margin-top: -30px !important;
background: #FFFFFF !important;
padding: 5%;
}
.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp
{
width: 100%;
}
.FieldSetOuterBoxSignUp
{
margin-bottom: 0px !important;
}



.Concat_frist_Last_Name_BLock {
  margin-bottom: 15px;
}


.Single_Icon_block { text-align: center; width: 100%;  margin: 0% !important;}
.Social_Links  { width: 100%;margin-top:60px;margin-left: 1%; } 
.Social_Links a { float: left; width: 30%;}
.Social_Links a .Social_name{ width:0px; display: none;}
.Social_Links a .Social_Icon{width: 100%; float: none; color: #5B5B5B; padding: 5%; height: 51px; line-height: 2.5;} */ 

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp {
width: 100%;
}
/* .FieldSetOuterBox{
margin-bottom:44px;
} */
#login-form #forgot-tab{ padding: 0px !important;} 

/* HEADER AND FOOTER CSS */
.HeaderSection .navbar  a ,.HeaderSection .navbar  a img
{ width: 60%;}
.HeaderSection  .navbar-collapse ul li a { width: 100%; text-align: right !important;} 
.login_image_block{  display: none;}
.login_right_form_block_top
{ margin-top:10%
}



/* MOBILE FOOTER CSS */
.commanSuccessMessage
{
width: 100%;
}
.largeScreenFooter
{ display: none;}
.mobileScreenFooter
{  display: block; }
.Footer_Left_Block
{  width: 35%;
float: left;
}
.Footer_Middle_Block
{
margin-top: 8%;
}
.Footer_Left_Block img
{ width: 100%;}
.Footer_Right_Block
{
width: 60%;
float: right;
text-align: right;
margin-top: 0%;
}
.Footer_Right_Block .pb-3
{ padding-bottom: 0px !important;}
.Footer_Right_Block li.me-3
{
margin-right: 0.1rem !important;
}
.Footer_Right_Block ul>li>a>img 
{
width: 70%;
}
.FooterMenu , .FooterContact  {
width: 100%; margin: auto; line-height: 0.9px;
}
.FooterMenu>.mb-3, .FooterContact>.mb-3 {
margin-bottom: 0px !important;
}
.FooterMenu>ul>li {  margin-right: 0rem !important; }
.Footer_Middle_Block ul li a { font-size: 10px; }
.FooterContact  .pb-3
{  padding-bottom: 0px !important;}
.FooterContact>ul>li>a>img {
width: 11px;
}
.FooterContact>ul>li:nth-child(1) {
line-height: 4px;
margin-right: 0px !important;
}
.footer_copy_wirte_block {
font-size: 11px;
padding-bottom: 2%;
} 

/* MOBILE FOOTER CSS  END*/

/* MY PROFILE PAGE */
.CustomerDetailSection .Profile_Header{ margin-top: 33%; }
.Profile_Header{ margin-top: 20%; }
.Profile_Header .float-start { font-size: 15px; line-height: 42px;}
.Profile_Header .float-end button {
padding: 4px 4px;
font-size: 14px;
}
.Profile_Body .Profile_image_upload
{  height: 289px !important; }
.avatar-upload {
margin: 0px !important;
text-align: center;
max-width: 100% !important;
}
.avatar-preview{margin: auto;}
.avatar-upload .avatar-edit {right: 60px;top: 14%;}
.Concat_frist_Last_Name_BLock .BorderChangeInputField { width: 100%;}
.BorderChangeInputField label{font-size: 14px;}
.ButtonBlock.MYProfile_ButtonBlock
{  width: 40%; margin: 7% 0% 7% 27%;}
#staticBackdrop{ margin-top: 20%; }
/* MY PROFILE PAGE CSS END */




/* LOGIN FORM CSS END  */


/* TEll me about Use page css */
.Profile_Body, .ProjectDetailBody
{
padding: 4%;
}
.addressBlock {
margin-left: 0%;
}
.addressBlock
{
margin-top: 10%;
margin-left: 0%; 
margin-right: 0%;
}
.ProjectDetailsPage .text-center
{
font-size: 18px;
}
.radioGroupBlock
{
padding-top: 5%;
}
.Concat_zipCode_City_Block.d-flex
{
display: block !important;
}
.Concat_zipCode_City_Block .BorderChangeInputField
{
width: 100%;
}


/* mobile custom nav bar */
.new_mobile_menu{ display: block;}
.new_mobile_menu .overlay {
background: linear-gradient(85deg, rgba(0, 0, 0, 0) 48%, #99BD3D 39%);
}

.new_mobile_menu .overlay-content > a
{
font-size: 16px !important;
}

.Footer_Right_Block_Mobile_menu
{  width: 35%; float: left; }

/* .Footer_Right_Block_Mobile_menu img
{ width: 100%;} */
.Footer_Right_Block_Mobile_menu
{
  width: 35%;
  float: right;
  /* text-align: center; */
  margin-top: 90%;
  margin-right: 0%;
}


.Footer_Right_Block_Mobile_menu .pb-3 {
  padding-bottom: 0px !important;
  margin-top: 7%;
}


.Footer_Right_Block_Mobile_menu li.me-3
{
  margin-right: 0.1rem !important;
}
.Footer_Right_Block_Mobile_menu ul>li>a>img 
{
  width: 70%;
}

.new_mobile_menu .overlay .overlay-content a
{
line-height: 30px;
}
.LogOutButtonMobileMenu
{
background:#F5F5F5;
border-radius:8px;
padding: 2% 10% 2% 10%;
/* color: #2F2F2F; */
font-family: 'Lato',sans-serif;
font-size: 18px;
font-weight: 700;
text-decoration: none;
word-spacing: 8px;
margin-bottom: 8%;
margin-right: 26px;
}

.comman_breadCump
{
display: none;
}

/* .row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)* .0) !important;
padding-left: calc(var(--bs-gutter-x)* .5);
margin-top: var(--bs-gutter-y);
} */

.Social_Icon img
{
width: 40%;
}

.new_mobile_menu .overlay-content {
padding-right: 2px;
margin-top: 62px;
}

/* Project Page Css */
.DesginTabBlock
{
margin-top: 35%;
padding-left: 3% ;
}
.DesginTabBlock .Desgin_tabs
{
  width: 24%;
  font-size: 7px ;
  line-height: 20px ;
  padding: 0% 0%;
  border-radius: 15px;
  z-index: 99;
}

.DesginTabBlockBgImage {
background-size: 150% ;
top: 59% ;
}

.Instructions {
padding-left: 3%;
}
.instruction_des {
font-family: 'Lato', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 19px;
color: #5B5B5B;
text-align: justify !important;
}



.DesginHeader .design_btn_bg {
font-size: 10px;
padding-left: 6px !important;
padding-right: 6px !important;
}

#canvasImageBlock {
min-height: 428px !important;
border: 2px solid #132615;
padding-left: 0px;
padding-right: 0px;
border-radius: 13px;
width: 95%;
margin-left: 6%;
}

.innerBodyBlock {
background-color: #F5F5F5;
width: 100%;
min-height: 340px;
border-radius: 15px;
/* border: 1px saddlebrown solid; */
}
.canvas-container .file-upload-container img
{
width: 100%;
}
.file-upload-container {
top: 50%;
left: 50%;
}
.Drag_or_drop_image  {
font-size: 12px;
margin-bottom: 0px !important;
}
.from_your_system {
font-size: 12px;
}

.modal.inputmeasurementsModel {
/* top: 20px; */
}
.inputmeasurementsModel , .inputmeasurementsTextRef
{
font-size: 12px;
text-align: justify;
}

.inputmeasurementsModel span, .inputmeasurementsTextRef span
{
font-size: 14px !important;
}
.inputmeasurementBlock
{
padding-bottom: 0px !important;
}
.tool_sidebar_bg {
margin-top: 0%;
padding-top: 10px;
padding-left: 1%;
}
.mainSideToolbar_innerBlock {
margin-left: 7%;
padding: 0px;
}
.select-selected {
  line-height: 38px;
}

.ProjectDetailBody .form-check {
    display: block;
    margin-top: 0%;
  }

  .radioGroupBlock {
    padding-top: 3%;
}
/* end Project Page Css */

  .Social_Links {
    width: 100%;
    display: flex;
    justify-content: center;
  }


  .Social_Links
  {
    display: none;
  }
  .Social_Links_mobile
  {
    display: flex;
    justify-content: center;
    margin-top: 15%;
  }
  .login_right_form_block
  {
    padding-bottom: 0%;
    margin-top: 0%;
  }

  .card_outline_block {
    width: 100%;
    margin-top: 7%;
  }


  .login_right_form_block>.mb-5
  {
    margin-bottom: 0rem !important;
  }

  .ButtonBlock .btn-outline-primary
  {
    background-color: #99BD3D;
    color: #FFFFFF;
  }

  .tool_sidebar_bg
  {
    overflow-x: scroll;
    overflow-y: none !important;
  }

  #mobileMenuSlider
  {
    display: block;
  }
  #mainSideToolbar
  {
    display: none;
  }

  .Drag_or_drop_image{ font-size: 16px !important; }
  .from_your_system { font-size: 16px !important; }
  .MyProfileSection.pb-5{ padding-bottom: 0rem !important;} 
}

@media (min-width: 320px) and (max-width: 374px) {
  .scroll-content .item{min-width: 65px;}

  .Social_Links
  {
    display: none;
  }
   /* LOGIN FORM CSS START  */
.submenu_display_block {
    display: none;
}
.login_right_form_block_top .mobile_text , .login_right_form_block_top .mobile_logo{ display: block; }
.hidden-mobile-screen{  display: none; }

.login_right_form_block_top .mobile_text
{
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  text-align: center;
}


  .login_image_block img{ height: 300px;  width: 100%; }
  .login_right_form_block_top img{  margin: auto ;
    padding-top: 0%;
    /* padding-top: 20%; */
  }
  
  .login_right_form_block .nav-item {
    width: 49%;
    margin-top: 3px;
    margin-bottom: 3px;
}

  .login_right_form_block_top p{
    width: 100%;
    text-align: center;
    margin-top: 1%;
  }
  .login_right_form_block .card {
    width: 100%;
    border: none !important;
}


.card_outline_block {
  width: 100%;
  padding-bottom: 15%;
  border-right: 0px solid #0A2B0B;
  /* border-bottom: 2px solid #0A2B0B; */
  margin-bottom:30%;
  margin-top: 15%;
  padding: 15px;
}
.card_outline_block .card:nth-child(1)
{
  margin-bottom: 10px;
}
.card_breaker_block {
  width: 98% !important;
  margin-right: 1%;
  margin-left: 1%;
  border-right: 2px solid #0A2B0B !important;
  margin-top: 10%;
}
.card_outline_block_inner_OR_SEPRATOR_border {
  position: relative;
  width: 100%;
  height: 100%;
  border-right: 2px solid #0A2B0B !important;
  text-align: center;
  border-bottom: 2px solid #0A2B0B !important;
}
.Social_Links {
  width: 100%;
  display: flex;
  justify-content: center;
}
.card_outline_block_inner_OR_SEPRATOR {
  top: 97%;
  float: none;
  z-index: 999;
  right: 42%;
  /* padding: 0% 4%; */
  margin-top: -25px !important;
  background: #FFFFFF !important;
  padding: 5%;
}
.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp
{
  width: 100%;
}
.FieldSetOuterBoxSignUp
{
  margin-bottom: 0px !important;
}
.Concat_frist_Last_Name_BLock 
{
  margin-bottom: 30px;
}


.Single_Icon_block { text-align: center; width: 100%;  margin: 0% !important;}
 .Social_Links  { width: 100%;margin-top:60px;margin-left: 1%; } 
 .Social_Links a { float: left; width: 30%;}
.Social_Links a .Social_name{ width:0px; display: none;}
.Social_Links a .Social_Icon{width: 100%; float: none; color: #5B5B5B; padding: 5%; height: 51px; line-height: 2.5;} */ 

.Concat_frist_Last_Name_BLock .FieldSetOuterBoxSignUp {
  width: 100%;
}
/* .FieldSetOuterBox{
  margin-bottom:44px;
} */
#login-form #forgot-tab{ padding: 0px !important;} 

/* HEADER AND FOOTER CSS */
.HeaderSection .navbar  a ,.HeaderSection .navbar  a img
{ width: 60%;}
.HeaderSection  .navbar-collapse ul li a { width: 100%; text-align: right !important;} 
.login_image_block{  display: none;}
.login_right_form_block_top
{ margin-top:10%
}



/* MOBILE FOOTER CSS */
.commanSuccessMessage
{
  width: 100%;
}
.largeScreenFooter
{ display: none;}
.mobileScreenFooter
{  display: block; }
.Footer_Left_Block
{  width: 35%;
  float: left;
}
.Footer_Middle_Block
{
  margin-top: 8%;
}
.Footer_Left_Block img
{ width: 100%;}
.Footer_Right_Block
{
  width: 60%;
  float: right;
  text-align: right;
  margin-top: 0%;
}
.Footer_Right_Block .pb-3
{ padding-bottom: 0px !important;}
.Footer_Right_Block li.me-3
{
  margin-right: 0.1rem !important;
}
.Footer_Right_Block ul>li>a>img 
{
  width: 70%;
}
.FooterMenu , .FooterContact  {
  width: 100%; margin: auto; line-height: 0.9px;
}
.FooterMenu>.mb-3, .FooterContact>.mb-3 {
  margin-bottom: 0px !important;
}
.FooterMenu>ul>li {  margin-right: 0rem !important; }
.Footer_Middle_Block ul li a { font-size: 10px; }
.FooterContact  .pb-3
{  padding-bottom: 0px !important;}
.FooterContact>ul>li>a>img {
  width: 11px;
}
.FooterContact>ul>li:nth-child(1) {
  line-height: 4px;
  margin-right: 0px !important;
}
.footer_copy_wirte_block {
  font-size: 11px;
  padding-bottom: 2%;
} 

/* MOBILE FOOTER CSS  END*/

/* MY PROFILE PAGE */
.Profile_Header{ margin-top: 20%; }
.Profile_Header .float-start { font-size: 15px; line-height: 42px;}
.Profile_Header .float-end button {
  padding: 4px 4px;
  font-size: 14px;
}
.Profile_Body .Profile_image_upload
{  height: 289px !important; }
.avatar-upload {
  margin: 0px !important;
  text-align: center;
  max-width: 100% !important;
}
.avatar-preview{margin: auto;}
.avatar-upload .avatar-edit {right: 45px;top:5%;}
.Concat_frist_Last_Name_BLock .BorderChangeInputField { width: 100%;}
.BorderChangeInputField label{font-size: 14px;}
.ButtonBlock.MYProfile_ButtonBlock
{  width: 43%; margin: 7% 0% 7% 27%;}
#staticBackdrop{ margin-top: 20%; }
/* MY PROFILE PAGE CSS END */




 /* LOGIN FORM CSS END  */


 /* TEll me about Use page css */
 .Profile_Body, .ProjectDetailBody
 {
  padding: 4%;
 }
 .addressBlock {
  margin-left: 0%;
}
.addressBlock
{
  margin-top: 10%;
  margin-left: 0%; 
  margin-right: 0%;
}
.ProjectDetailsPage .text-center
{
  font-size: 18px;
}
.radioGroupBlock
{
  padding-top: 3%;
}
.Concat_zipCode_City_Block.d-flex
{
  display: block !important;
}
.Concat_zipCode_City_Block .BorderChangeInputField
{
  width: 100%;
}


/* mobile custom nav bar */
.new_mobile_menu{ display: block;}
.new_mobile_menu .overlay {
  background: linear-gradient(85deg, rgba(0, 0, 0, 0) 48%, #99BD3D 39%);
}

.new_mobile_menu .overlay-content > a
{
  font-size: 16px !important;
}

.Footer_Right_Block_Mobile_menu
{  width: 35%; float: left; }
 
  /* .Footer_Right_Block_Mobile_menu img
  { width: 100%;} */
  .Footer_Right_Block_Mobile_menu
  {
    width: 35%;
    float: right;
    /* text-align: center; */
    margin-top: 100%;
    margin-right: 5%;
  }
 

  .Footer_Right_Block_Mobile_menu .pb-3
  { padding-bottom: 0px !important;}
  .Footer_Right_Block_Mobile_menu li.me-3
  {
    margin-right: 0.1rem !important;
  }
  .Footer_Right_Block_Mobile_menu ul>li>a>img 
  {
    width: 70%;
  }

  .new_mobile_menu .overlay .overlay-content a
{
  line-height: 30px;
}
.LogOutButtonMobileMenu
{
  background:#F5F5F5;
  border-radius:8px;
  padding: 1% 8% 1% 9%;
  /* color: #2F2F2F; */
  font-family: 'Lato',sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  word-spacing: 8px;
  margin-bottom: 8%;
}


.comman_breadCump
{
  display: none;
}

 .row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-top: var(--bs-gutter-y);
}

.Social_Icon img
{
 width: 40%;
}

.new_mobile_menu .overlay-content {
  padding-right: 2px;
  margin-top: 62px;
}

/* Project Page Css */
.DesginTabBlock
{
  margin-top: 35%;
  padding-left: 3% ;
}
.DesginTabBlock .Desgin_tabs
{
    width: 24%;
    font-size: 7px ;
    line-height: 20px ;
    padding: 0% 0%;
    border-radius: 15px;
    z-index: 99;
}

.DesginTabBlockBgImage {
  background-size: 150% ;
  top: 59% ;
}

.Instructions {
  padding-left: 3%;
}
.instruction_des {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  text-align: justify;
  color: #5B5B5B;
}



.DesginHeader .design_btn_bg {
  font-size: 10px;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

#canvasImageBlock {
  min-height: 428px !important;
  border: 2px solid #132615;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 13px;
  width: 95%;
  margin-left: 6%;
}

.innerBodyBlock {
  background-color: #F5F5F5;
  width: 100%;
  min-height: 340px;
  border-radius: 15px;
  /* border: 1px saddlebrown solid; */
}
.canvas-container .file-upload-container img
{
  width: 100%;
}
.file-upload-container {
  top: 50%;
  left: 50%;
}
.Drag_or_drop_image  {
  font-size: 12px;
  margin-bottom: 0px !important;
}
.from_your_system {
  font-size: 12px;
}

.modal.inputmeasurementsModel {
  /* top: 20px; */
}
.inputmeasurementsModel , .inputmeasurementsTextRef
{
 font-size: 12px;
 text-align: justify;
}

.inputmeasurementsModel span, .inputmeasurementsTextRef span
{
 font-size: 14px !important;
}
.inputmeasurementBlock
{
  padding-bottom: 0px !important;
}
.tool_sidebar_bg {
  margin-top: 0%;
  padding-top: 10px;
  padding-left: 1%;
}
.mainSideToolbar_innerBlock {
  margin-left: 7%;
  padding: 0px;
}
.select-selected {
  line-height: 38px;
}

.ProjectDetailBody .form-check {
    display: block;
    margin-top: 0%;
  }
  .Social_Links
  {
    display: none;
  }
  .Social_Links_mobile
  {
    display: flex;
    justify-content: center;
    margin-top: 15%;
  }
  .login_right_form_block
  {
    padding-bottom: 0%;
  }
 
  .login_right_form_block>.mb-5
  {
    margin-bottom: 0rem !important;
  }
  .MyProfileSection .login_right_form_block_top img{  margin: auto ;
    padding-top: 17%;
    /* padding-top: 20%; */
  }

  .new_mobile_menu .overlay {
    background: linear-gradient(85deg, rgba(0, 0, 0, 0) 48%, #99BD3D 39%);
    overflow: scroll;
  }

  .ButtonBlock .btn-outline-primary
  {
    background-color: #99BD3D;
    color: #FFFFFF;
  }

  .tool_sidebar_bg
  {
    height: 95px;
    overflow-x: scroll;
  }

/* .row > * { padding-right: calc(var(--bs-gutter-x) * .0); } */
/* end Project Page Css */

#mobileMenuSlider
{
  display: block;
}
#mainSideToolbar{ display: none;
}



}


/* @media (min-width: 667px) and (max-width: 376px) and (orientation: landscape) {
 
} */


@media (min-width: 810px) and (max-width:814px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 96px; }
    .arrow{display:none;}
}

@media (min-width:895px) and (max-width:897px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 104px; }
    .arrow{display:none;}
}

@media (min-width:843px) and (max-width:846px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 99px; }
    .arrow{display:none;}
}

@media (min-width:811px) and (max-width:813px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 95px; }
    .arrow{display:none;}
}

@media (min-width:924px) and (max-width:928px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 108px; }
    .arrow{display:none;}
}

@media (min-width:565px) and (max-width:569px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block;  margin-left: 1.5%;}
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 70px; }
    .arrow{display:none;}
}

@media (min-width:665px) and (max-width:669px) and (orientation: landscape)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block;  margin-left: 1.5%;}
    .scroll-container {  margin-left: 0%;}
    .scroll-content .item { min-width: 75px; }
    .arrow{display:none;}
    .DesginTabBlock .Desgin_tabs { font-size: 13px; }
    .DesginTabBlockBgImage { top: 71%; }
    .DesginTabBlock .Desgin_tabs {font-size: 13px !important;}
    .instruction_des {text-align: justify !important;}
    .Instructions{ margin-bottom: 0% !important;}
    .MyProfileSection.pb-5{ padding-bottom:  0rem !important;}
}

@media (min-width:414px) and (max-width:569px) and (orientation: portrait)
{
    #mainSideToolbar {  display: none ;  }
    #mobileMenuSlider{  display: block; }
    .scroll-container {  margin-left: 1.4%;}
    .scroll-content .item { min-width: 2px; }
   
}